vuex学习

143 阅读1分钟
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