步骤一:
在src文件夹下,自己定义一个文件夹,再建一个公共文件例如:api.ts,在里面定义
export default{
install: (app: any, options: any) => {
下面这段代码是在Vue3里定义公共方法的$api公共方法名
app.config.globalProperties.$api ="这后面就是要写定义的公共方法函数"
}
}
步骤二:
在main.ts文件里 引入定义的公共方法文件 例如引入前面的api.ts,引入后,在main.ts里的
app.use(“”)里进行注册
步骤三:
在Vue3文件里进行引入:
import { getCurrentInstance, defineComponent } from "vue";
再获取当前组件实例:
let { ctx } = getCurrentInstance();
一般定义的公共方法名在组件实例同级层的$开头列表可以找到,如果找不到就执行下列代表
表示深度查找:
let api = ctx.$.appContext.config.globalProperties.$api
以上这样就可以解决Vue3定义公共方法找不到问题