比如：在封装后的Vuex的index.js 文件中，定义的一个变量为tabFlag，若是想在Vue组建中进行监听该变量，可以这样用：
对vuex进行封装 import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const store = new Vuex.Store({ state: { tabFlag: 1, }, mutations: { settabFlag(state, payload) { state.tabFlag = payload; } }, }); export default store; 组建中对 tabFlag 进行监听 <template> <div class="list-content"> <component :is="showListTab"></component> </div> </template> <script> export default { name: "List", data() { return { wListTab: "talklist" }; }, watch: { "$store.state.navs"(val) { switch (val) { case 1: this.showListTab = "a"; break; case 2: this.showListTab = "b"; break; case 3: this.showListTab = "c"; break; case 4: this.showListTab = "d"; break; case 5: this.showListTab = "e"; break; } } } }; </script> $store.state.navs 这个就是对Vuex里面的变量进行监听，这样你就可以进行下面的操作了