---

vuex是什么

1.专门在vue中实现集中式状态（数据）管理的一个vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件之间的通信方式，且适用于任何组件

什么时候使用

1.多个组件依赖同一个状态
2.来自不同组件的行为需要变更同一个状态

Vuex原理

Vuex环境搭建

注意，vue2中，要用 vuex的三版本，vue3中要用vuex的4版本

1.指定3版本安装

npm i vuex@3

默认不指定时安装最新版本

2.index.js

准备store目录下的index.js文件

实例操作

1.初始化数据、配置 actions、配置 mutations，操作文件 store.js

//引入vue核心库
import Vue from 'vue
//引入vuex
import Vuex from'vuex
//引用VuexVue .use(Vuex)
const actions ={//响应组件中加的动作jia(context,value){// console.log('actions中的jia被调用了',ministore,value){context.commit('JIA',value)},}
const mutations={
//执行加JIA(state,value){// console.log('mutations中的JIA被调用了',state,value)state.sum += value}}//初始化数据
const state={
sum:0
}//创建并暴露store
export default new Vuex.Store({actions,mutations,state})

2.组件中读取vuex中的数据：$store.state.sum
3.组件中修改vuex中的数据:$store.dispatch(action中的方法名'，数据)或$store.commit(mutation中的方法名'，数据)