vuex

vuex 状态管理器，或者是一个curd管理数据变化的js仓库。

main.js

store.js

state

方法
 参考

main.js

一般在根目录main.js全局引入用prototype

vue.prototype.$store = store (import store from './store')
const app = new Vue({
　　store,
})

store.js

state相当于data | getters相当于computed

mutations(同步) | action(异步)相当于methods

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

export default new Vuex.Store({ 
state => 基本数据；存状态 调用方法this.store.state(不要直接修改this.store.sate,不会渲染)、this.$store.setState(对象)，setState异步的话用setState(函数)

getters => 从基本数据派生的数据 ；类似computed计算属性,监听值的变化

mutations => 提交更改数据的方法，同步！ ；更改状态，方法(推荐用同步) 调用mutations用commit同步 -> this.$store.commit('方法名',参数)

actions => 像一个装饰器，包裹mutations，使之可以异步。 ； （异步的mutations） 调用action用dispatch异步

modules => 模块化Vuex
})

1. state

①、直接调用：this.$store.state.变量
②、组件引入调用
一级(二级命名modules,要加namespaced: true,)

import {mapState} from 'vuex'
computed: {
　　...mapState('二级命名',[变量,变量])
}

二级store -- createNamespacedHelpers

import {createNamespacedHelpers, mapState, mapGetters} from 'vuex'
const {
    mapState: chatState,
    mapGetters: chatGetters
} = createNamespacedHelpers(分包)