vue56 —— vuex2 基本使用

vuex官网

• state，驱动应用的数据源；
• view，以声明方式将 state 映射到视图；
• actions，响应在 view 上的用户输入导致的状态变化

“单向数据流” 简图：

多个组件共享状态 ：

Backend : 后端
Frontend：前端
Dispatch：发布
Devtools：vue开发的一个浏览器插件。记录每次修改state的状态。（只能跟踪同步操作）
在浏览器上安装6（需要下载谷歌访问助手）

只有同步操作，修改数据，可以直接从 2 到 4 --> 1
有异步操作，修改数据，必须从 2 到 3 ，再从 3 到 4 --> 1

不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。
——vuex

index.js：

const store = new Vuex.Store({
  state:{
    countor: 52
  },
  mutations:{
    increment(){
      this.state.countor ++;
    },
    decrement(state){
      state.countor --;
    }
  }

App.vue：

methods:{
    dec(){
      this.$store.commit('decrement')
    },
    inc(){
      this.$store.commit('increment')
    }
  }