vuex
定义:
Vuex是一个专门为Vue.js应用程序开的状态管理模式
它采用集中式存储管理应用的所有组件的状态
并以相应的规则保证以一种可预测的方式发生变化
应用场景
多个视图依赖于同一状态
来自不同视图的行为需要改变同一个状态
Vuex的组成介绍
State 数据仓库
getter 用来获取数据的
Mutation用来修改数据的
Action用来提交mutation
vuex的安装
安装vuex包:npm install vuex
创建vuex实例:
Vue.use(Vuex)
new Vuex.store()
main.js中将vuex实例挂载到vue对象上
new Vue({
store,
router,
render: h => h(App)
}).$mount('#app')
实战案例讲解
this.$store.commit("countAdd",100) //APP.vue
const store = new Vuex.Store({
state:{
count:0
},
mutations:{
countAdd(e,v){
e.count = v;
}
}
})//main.js