vue3的抽离和封装

1.新建公共文件utils/publicModule文件  //写公共方法

2.引入vue组件页面  

 

vue3中的任何一个组合式api都可以单独抽离出去在另一个文件，最后只需要回归到setup()中即可。

1.utils/publicModule文件

// 公共的数据和方法

import { reactive } from "vue"

const publicModule = () => {

    const res = reactive({

        name: "马腾腾",

        age: 50,

        company: "百度"

    })

    return res

}

export default publicModule