vue定义公共方法

在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