一、什么是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: {
// 模块化
}
})