对于vuex的理解

一，介绍

对于整体的项目的搭建，我们来了解下vuex的理解，首先vuex别名是vue全家桶，是专门为vue提供的一个状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

二，了解

对于vuex,它的理念是"单数据流“为标准，在里面分别有五个核心概论，分别是State,Getter,Mutation,Action和Module。
对于在vue里面的核心的概论我来介绍下State,Getter,Mutation和Action
State
首先State的作用是存储状态（变量），也可以理解store 基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。
我来用代码来介绍下关于State的作用及如何存储

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
export default new Vuex.Store({
     state :{
          name : "张三",
          age : 18
     }
})

Getter
对于getter，一般是使用getters来获取我们的state，因为它算是vue的一个计算属性
介绍下如果获取state的数据

getters :{
     person(state){
           return ` 姓名${state.name} `
     }
}

Mutation
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，就是是能修改store的状态的只有Mutation
对于修改其状态

 mutations{
          AddCount(state , n = 2){
                    return (state.age += n)
          }
  }

Action
对于Action的使用和Mutation的使用基本相似都是去修改state的状态,但是Action的方式不同,前面说了,对于修改state的状态的只有Mutation，但是在Action中里面有两个方法，同时使用不同的参数，一个是context，它是一个和store对象具有相同对象属性的参数；另一个就是commit的方法

//context
actions : {
     AddCount( context , n = 3 ){
            return  context.commit("List" ， n)
     }
}
//commit
actions : {
     AddCount( {commit} , n = 3 ){
            return  commit("List" , n)
     }
}