在vue文件中挂载公共方法,方便在页面中直接调用,使页面干净整洁,可读性高
1、创建公共方法的js文件,放入常用的函数
let commonFun = {
a: (c) => {
return c
}
}
export default commonFun
2、在main.js文件中挂载
import commonFun from '@/plugins/common'
const app = createApp({
mixins: [mixinApp],
render: () => h(App),
app.config.globalProperties.commonFun = commonFun
app.use(vueEsign)
app.use(router)
app.use(store)
app.use(i18n)
app.use(plugins)
app.mount('#app')
3、由于vue3中无法直接获取实例对象,可以先将其解构出来在进行调用
import { onMounted, ref, watch, getCurrentInstance } from 'vue'
const { proxy} = getCurrentInstance()
console.log(proxy.commonFun.a(2)) // 2
// 觉得麻烦也可以再结构一次
let { a } = proxy.commonFun
console.log(a(2)) // 2