yarn add veux
index.js
import Vue from "vue";
import Vuex from "vuex";
import tab from "./tab.js";
Vue.use(Vuex)
export default new Vuex.Store({
modules: {tab}
})
tab.js
//针对状态管理
export default {
state: {
isCollapsed: false
},
mutations: {
collapseMenu(state) {
state.isCollapsed = !state.isCollapsed;
}
}
}
index.js 要在main.js中引用
import store from './store/index.js'
new Vue({
router,
store,
render: h => h(App),
}).$mount('#app')
引入部分结束