VUEX

Vuex有五个核心概念：

state ,  getters,  mutations,  actions,  modules

1.state

     vuex的基本数据，用来存储变量

创建store数据源，提供唯一公共数据
   const store = new vuex.store({
           state: { count: 0 }
     })

使用方法 ： this.$store.state.数据名称

 

2.getters

     从基本数据(state)派生的数据，相当于state的计算属性,具有返回值的方法

 使用方法 ：this.$store.getters.数据名称

3.mutations

     提交更新数据修改数据的方法     

 使用方法 ：this.$store.getters.数据名称

4.Actions

      异步操作 和mutation的功能大致相同

      context.相当于组件中的$store

       $store代表整个vuex，

 使用方法 ： 可以直接使用this.$store.dispatch('方法名称')调用它

5.modules

      模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。