【VueX】

---

一、什么是VueX？

VueX是一个专为vue.js应用程序开发的状态管理模式，采用集中式存储，管理应用中所有组件的状态。

---

二、为什么VueX？

1.进行统一的状态管理，解决不同组件共享数据的问题；
2.不同视图需要变更同一状态的问题

---

三、使用

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
    state: {
    // 存放初始数据
    },
    getters: {
     // 对数据进行初加工 不能修改state中的数据
     // 参数 是state
     },
    mutations: {
     // 修改state中的数据
     // 第一个参数：state  第二个参数：传递过来的数据
     },
    actions: {
     // 修改state中的数据  包含异步操作
     // 第一个参数  上下文环境
     },
    modules: {
     // 模块化
     }
})

---