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;
},
前端新手,有误的话欢迎指正,大家觉得有用的话点个赞吧 ^~^