当前位置: 首页 > Web前端 > vue.js

vuex的应用

时间:2023-03-31 22:17:48 vue.js

只有有需求才会应用!需求:在vue项目中,我需要一个全局变量来保存一个标签的值,在不同层级的子组件中修改这个变量,让修改的结果作用于组件页面。这里使用vuex解决问题,代码如下:importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex);conststate={spinTag:false,//spin组件标签};//改变状态的方法constmutations={spinTagTAG(state,tag){state.spinTag=tag;}};varstore=newVuex.Store({state,mutations});导出默认存储;此时,使用任何子组件中的代码都可以按照我的要求中提到的那样,修改值并作用于组件页面。this.$store.commit('spinTagTAG',true);//开启spin组件这个需求来自于antdvue下的spin组件无法覆盖整个浏览器,而且是随叫随到,所以我使用了vuex。代码如下: