VUE定义全局变量并使用（非vuex）

VUE定义全局变量，修改变量值并使用

考虑到项目不是很大，且全局变量并不多，如果用vuex有点大材小用，因此不使用vuex方法

 

1.新建一个 globalVariable.js文件，用于存放变量及方法：

文件位置 /src/plugins/globalVariable.js

export default {
    msgNum:0,
    setMsgNum(data){
        this.msgNum = data;
    }
};

2.将global_variable.js文件引入main.js文件，并挂载至vue实例： 

文件位置/src/main.js

import globalVariable from './plugins/globalVariable.js'
Vue.prototype.$globalVariable = globalVariable;

3.在组件中修改变量值：

文件位置 /src/app.vue

this.$globalVariable.setMsgNum('2333');

4.在组件中使用变量值：

文件位置 /src/componens/HelloWorld.vue

data(){
    return{
        msgNum:'',
    }
},
created(){
    this.msgNum = this.$globalVariable.msgNum;
},

---

前端新手，有误的话欢迎指正，大家觉得有用的话点个赞吧 ^~^