// state中定義一些初始數(shù)據(jù)用來舉例
state: {
  // 定義一個數(shù)字
  count: 0,
  // 定義一個對象
  coderyg: {
    name: 'coderyg',
    age: 25,
    height: 1.93
  },
  // 定義一個字符串
  info: 'swk'
}

// App.vue
<p>{{ $store.state.count }}</p> //此時的count是0
<button @click="addCount">+</button>
<button @click="subCount">-</button>
// 提交同步
addCount() {
  this.$store.commit('increment');
},
subCount() {
  this.$store.commit('decrement');
}
// index.js
// 接收同步
increment(state) {
  state.count ++;
},
decrement(state) {
  state.count --;
}

// App.vue
<p>{{ $store.state.count }}</p> //此時的count是0
<button @click="changeNum(+5)">+5</button>
<button @click="changeNum(-5)">-5</button>
// 提交同步--直接提交參數(shù)，num是一個數(shù)字
changeNum(num) {
  this.$store.commit('addNum', num);
}
// index.js
// 接收同步
addNum(state, num) {
  state.count += num;
}

// App.vue
<p>{{ $store.state.count }}</p> //此時的count是0
<button @click="changeNum(+5)">+5</button>
<button @click="changeNum(-5)">-5</button>
// 提交同步--對象方式提交會以整個payload提交過去，通過payload.XX拿取提交過去的信息
changeNum(num) {
  this.$store.commit(從這開始{
    type: 'addNum',
    num
  }到這結束是payload);
}
// index.js
// 接收同步
addNum(state, payload) {
  state.count += payload.num;
}