【1118 | Day61】Vue-CLI项目功能插件之vuex仓库

一.概念

• vuex仓库是vue全局的数据仓库，好比一个单例，在任何组件中通过this.$store来共享这个仓库中的数据，完成跨组件间的信息交互。
• vuex仓库中的数据，会在浏览器刷新后重置

二.使用

// 在任何一个组件中,均可以通过this.$store.state.msg访问msg的数据
// state永远只能拥有一种状态值
state: {
 msg: "状态管理器"
},
// 让state拥有多个状态值
mutations: {
 // 在一个一个组件中,均可以通过this.$store.commit('setMsg', new_msg)来修改state中的msg
 setMsg(state, new_msg) {
 state.msg = new_msg
 }
},
// 让mutations拥有多个状态值
actions: {
}