2020-03-15 vue-x

vue-x可以简单理解是单例。管理所有组件的单例。多个页面都需要用户的头像、用户名等信息，登录状态，物品收藏状态等等，都可以放在vuex里面存放。

使用方法和router类似，建store文件夹，index.js设置，然后mainjs调用一下

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store  = new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

export default store

使用vuex管理的变量用$store.state.变量名

这是官方的流程图 vuex.png
解读一下该图
流程.png