Vue3|Vue3 全局挂在方法和属性。
第一步
import { createApp } from 'vue'
import App from './App.vue';
const app = createApp(App);
app.config.globalProperties.foo = 'bar'
app.config.globalProperties.test = 'bar'
app.mount('#app')
第二步 创建useCurrentInstance.ts文件
import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
const { appContext } = getCurrentInstance() as ComponentInternalInstance
const ctx = appContext.config.globalProperties;
return {
ctx
}
}
第三步
import useCurrentInstance from "../useCurrentInstance";
//根据自己创建的路径引入
setup: () => {
const { ctx } = useCurrentInstance();
const getFoo = () => {
console.log(ctx) //{foo: "bar" test: "bar"}}
return {getFoo }
}
推荐阅读
- 06|06 | 全局锁和表锁 (给表加个字段怎么有这么多阻碍((待评论)))
- 近期的感悟
- python|【Python】全局变量的使用,全局变量的修改
- C中全局变量和static变量的存储与初始化
- vue|vue3替代vuex的框架piniajs实例教程
- VUE3中watch和watchEffect的用法详解
- Vue|Vue3.0的插槽是如何实现的()
- 我的Vue学习笔记
- Fescar|Fescar - RM 全局事务提交回滚流程
- vite+vue3+vue-router项目中vue-router报错的问题