1,npm install vuex --save
2,在src下新建vuex文件夹,新建store.js文件;
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
count: 0,
adminleftnavnum:"/" //管理后台左侧导航
}
const mutations = {
increment (state) {
state.count++
}
}
// const actions = {...}
//注册Store
export default new Vuex.Store({
state,
mutations
});
3,在main.js下,创建和挂载根实例
new Vue({
el: '#app',
router,
store,
template: '<App/>',
components: { App }
})
4,在components--common--side_nav.vue下(导航所在的组件)
<el-menu :default-active="navselected" :active="navselected" @select="selectItems" class="el-menu-admin" router>
添加变量和改变方法
export default {
components:{
'el-menu':Menu,