安装

1
npm install vuex --save

然后 , 在 main.js 中加入 :

1
2
3
4
5
6
7
import vuex from 'vuex'
Vue.use(vuex);
var store = new vuex.Store({//store对象
state:{
show:false
}
})

再然后 , 在实例化 Vue对象时加入 store 对象 :

1
2
3
4
5
6
7
new Vue({
el: '#app',
router,
store,//使用store
template: '<App/>',
components: { App }
})

改变状态

1
2
3
console.log(this.$store.state.show)
this.$store.state.show=true;
console.log(this.$store.state.show)

最后更新: 2018年05月30日 10:52

原始链接: writebugs.cn/vuex状态管理/

× 请我吃糖~
打赏二维码