2020-11-08

什么是vuex？

vuex是一个全局状态管理工具，可以理解为是一个保存并操作数据的一个仓库，
所有组件都可以使用和操作里面的数据，
一般在处理复杂的组建通信的时候才会用到vuex，
它具有五个核心，分别为state，mutations，actions，modules，getters，
后面会有详解

如何下载？

npm install vuex --save

如何配置？

在脚手架的src目录下创建一个store文件并在该文件夹里创建一个index.js文件
在index.js里配置以下代码
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
   
  },
  mutations: {
    
  
  },
  actions: {
  },
  modules: {
  }
})

在main.js里引入store文件，并将其挂载在Vue事例上

state 全局状态集合

它是用来保存所有属性的，只有mutations里面的方法可以操作里面的数据，
在组件里面用$store.state（属性名来调用）

mutations 同步方法集合

可以操控state里面的属性，在组件里通过$store.commit(方法名)

actions 异步方法集合

通常用来做异步请求，然后调用muttoons的方法来操作state里面的数据，在组件里通过$store.dispatch(方法名)来调用

getters

类似于计算属性的一个东西，不建议使用，因为组件在获取state里面的属性的时候就可以通过computed来对数据做处理，在组件里用，在组件里通过$store.getters(属性名)来调用

modules

模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。