Vuex的基本使用

1. 初始化数据state,配置actions、mutations,操作文件store.js
2. 组件中读取vuex中的数据：$store.state.数据
3. 组件中修改vuex中的数据：$store.dispatch('action中的方法名',数据)
或$store.commit('mutations中的方法名',数据)
若没有网络请求或其他业务逻辑，组件中也可越过actions,即不写dispatch，直接编写commit
src/store/index.js该文件用于创建Vuex中最为核心的store

import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'

//使用Vuex插件
Vue.use(Vuex)

//准备actions ==> 用于响应组件中的动作
const actions = {
   
   //jia(context,value) {
   
      //context 相当于精简版的$store
      //context.commit('JIA',value)
   //},
   //jian(context,value) {
   
      //context.commit('JIAN',value)
   //},
  //以上的jia和jian没有之际的作用，故而可以省略，下面的jiaOdd和jiaWait分别做了判断和延迟的作用，故而需要保留
  
   jiaOdd(context,value) {
   
      if(context.state.sum % 2) {
   
         context.commit('JIA',value)
      }
   },
   jiaWait(
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28