npm install vuex --save
然后在src文件夹下建store文件夹 ,在里面建index.js
内容如下:
import Vue from 'vue'
import Vuex from 'vuex'
import menuStatus from './module/status' //以这个为例子
Vue.use(Vuex)
export default new Vuex.Store({
state: {
//把存的那个值的名字初始化一下
},
mutations: {
//
},
actions: {
//
},
modules: {
menuStatus
}
})
status.js源码:
const menuStatus = {
state: {
isCollapsed: false,
},
mutations: {
setCollapsede (state, value) {
state.isCollapsed = value;
}
}
};
export default menuStatus;在这里插入代码片
下面在main.js中挂载一下:
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store' //导入store
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
store, //在new Vue中使用
components: { App },
template: '<App/>'
})
完成啦~~~
最近追剧风声
太上头了
就喜欢这种
嘿嘿嘿-_- 开心!