什么是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的一个实例