#vuex
image
这是vuex的工作原理图。

vue2使用vuex3，vue3使用vuex4.

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

  1. 安装vuex
    1
    2
    //vue2中需要使用vuex3
    npm i  vuex@3
    然后再src目录下，新建一个store目录，然后再store目录下新建一个index.js。
    其中写以下模板内容。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    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