Vuex概念
- 专为vue.js应用程序开发的状态管理模式,
- 采用集中式存储管理应用的所有组件的状态，
- 以相应的规则保证状态以一种可预测的方式发生变化
安装
npm i vuex -D
安装完成后组件里可以引用
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
状态
- 组件内部状态：仅在一个组件内使用的状态.
- 应用级别状态:多个组件公用的状态
什么情况下使用Vuex
1.多个视图依赖于同一状态（特指依赖多层嵌套组件的某一状态）
2.来自不同视图的行为需要变更同一状态
Vuex核心概念
- store:类似容器，包含应用的大部分状态
- 一个页面只能有一个store
- 状态存储是响应式的
- 不能直接改变store中的状态，唯一途径是提交（commit）mutations
- State:包含所有应用级别状态的对象
- Actions:包含异步操作、提交mutaions改变状态
- Mutations:唯一修改状态的事件的回调函数
- Modules:将store分割成不同的模块
