vue2.x挂载全局

在main.js文件中

使用Vue.prototype.$xxxx=xxx的形式来挂载，

通过this.$xxx来获取挂载到全局的变量或者方法

import store from './store'Vue.prototype.$store = store

在需要的页面vue文件中使用

this.$store.state.username (橙色为store里定义的变量）

vue2.x挂载全局

Vue3.x挂载全局

显然，用上面的方法是不行的

vue3.x挂载全局

main.js文件中（注意createApp不能create两次，否则会变成undefined）

// 挂载全局变量实验
const app = createApp(App);
app.config.globalProperties.$name = 'lhm';
app.use(store).use(router).use(VueAxios, axios).use(ElementPlus, {locale: zhCn,
}).mount('#app')

需要的页面中调用

 import { defineComponent, getCurrentInstance,onMounted} from "vue"const { appContext : { config: { globalProperties } } } = getCurrentInstance()console.log("全局变量：")console.log(globalProperties.$name)

效果：

vue 挂载全局变量相关推荐

vue脚手架全局变量可以是变量吗_Vue.js2 全局变量的设置方法
Vue.js2 全局变量的设置方法发布于 2020-2-24| 复制链接下面小妖就为大家分享一篇vue2 全局变量的设置方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看看吧最近在 ...
【Vue】全局变量的定义及使用
首先声明Vue使用全局变量的方法有很多,以下只是个人觉得比较简洁的2种.其中两者的第一步操作相同,即: 创建全局变量文件Global.vue,内容如下: <script>const nam ...
Vue 配置全局变量
文章目录 1.创建config文件 2.挂载到全局 3.使用变量 1.创建config文件 src下创建config/index.js文件 //定义全局变量 const rootUrl = 'http ...
vue 保存全局变量_Vue+Typescript起手式
TypeScript是什么? TypeScript 是一种由微软开发的自由和开源的编程语言.它是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的 ...
vue设置全局变量和修改
1. 只读的全局变量对于只读的全局变量,知道的有以下两种使用方式: 1)global.js 模块中定义:其他模块import后再使用即可 1.1)定义 import Vue from 'vue';l ...
vue设置全局变量或函数
使用vue的时候经常需要用到全局变量或函数,一般可以将这些全局变量或函数写到一个模块中导出,再需要使用的地方再导入使用. 但是这样有一个问题,如果你不是只在一个组件中使用呢,那就要一边一遍地impor ...
vue 为全局变量赋值_vue设置全局变量和修改
1. 只读的全局变量对于只读的全局变量,知道的有以下两种使用方式: 1)global.js 模块中定义:其他模块import后再使用即可 1.1)定义 import Vue from 'vue'; ...
vue 设置全局变量、指定请求的 baseurl
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 安装 axios: npm install axios --save-dev 2. 新建一个 ...
vue+ts全局变量
1.创建公共文件存放全局变量global.ts(文件名可以自定义) // echarts颜色 const echartsColor: string[] = ['#5470c6', '#91cc75', ...

vue 挂载全局变量

vue2.x挂载全局

Vue3.x挂载全局

vue 挂载全局变量相关推荐

最新文章

热门文章