vuex store

一, vuex:状态管理 （集中式存储应用的所有组件的状态）

vuex 是 vue 的插件
store ： 商店

二， vuex有那些属性

staste：{} -------------用来放数据的，类似于组件中的data
getters：{}-------------就是一个计算属性[类似于组件中的computed]
mutations：{}-----------就是一个存放方法的[类似于组件中的methods]
actions：{}------------- Action 类似于 mutation [Action 提交的是 mutation，而不是直接变更状态。]
modules：{}-------------

每一个模块都有state、getters、mutations、actions分成多个模块了

1. staste

如何用staste中的数据：

• store中index页面

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

import { userInfo } from "@/api/auth";

export default new Vuex.Store({
  state: {
    a:1,
    b:2,
    arr:['a','b','c']
  },
  getters: {},
  mutations: {},
  actions: {},
  modules: {},
});

• 如何获取数据
  1.直接使用
  在页面上 {{$store.state.arr}}；在data数据中 this.$store.state.arr