vue中设置全局变量

vue中设置全局变量

其实想在vue项目中设置全局可以用的变量还是挺容易的
1》首先我们先在src里面新建一个js文件（名字自定义）

export default{   
   name:'zhangsan',    //里面可以写你需要用的变量存在里面
   age:18
}

2》然后在main.js中引入这个写好的js文件
main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import public from './assets/js/public.js'   //先把js文件引进来
Vue.prototype.publics = public   //把js文件挂到原型上

挂在vue原型上的publics 就可以在各个组件里面使用了,
在随便一个组件中打印this.publics.name都可以得到"zhangsan"