vuex的使用的知识要明白

什么是vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

vue的安装

npm i vuex --save

vuex的使用

页面使用Vue.use(vuex)调用vuex插件，将其注入到Vue根实例之中

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

Vue.use(Vuex);

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

页面中如何使用vuex的state

{{ this.$store.state.count }}

vuex的重点

State

State 是 Vuex 这一状态管理工具的唯一的数据源，所有的数据都储存在里面。

Mutations

mutation是唯一更改Vuex的store的状态的方法

Actions

action异步更改状态,action不能直接去改变state,而是去发起mutation

Modules

tion异步更改状态,action不能直接去改变state,而是去发起mutation

Modules

store的子模块,它相当于是store的一个实例