Vuex 数据管理详解

#vuex

这是vuex的工作原理图。

vue2使用vuex3，vue3使用vuex4.

vuex其实是存储在store中。也就是actions，mutations，state都是在store中的。
主要流程。

1. 安装vuex

   //vue2中需要使用vuex3
   npm i  vuex@3

   然后再src目录下，新建一个store目录，然后再store目录下新建一个index.js。
   其中写以下模板内容。

   import  'Vue' from 'uue'
   import   'Vuex' from 'uuex'
   //再编译Vuex前必须先通过Vue使用Vuex。然后他会自动检测到Vuex的内容。并绑定到Vue的内部。
   Vue.use(Vuex)
   const actions = {}
   const mutations ={}
   const state = {}
   
   const store = new Vuex.Store({
     actions,
     mutations,
     state,
   })
   export default store

然后再main.js中直接引入store 既可以让所有的vc，vm都能够访问到Vuex