最近在学习vue，怕之后的工作中忘记里面的知识点，所有在文章中记录下来，也和大家分享我的学习过程！独乐乐不如众乐乐，希望大家能指出我文章中错误的地方，废话不多说正题开始。
1. 简介（内容复制粘贴的）
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说，用来集中管理数据，类似于React中的Redux，都是基于Flux的前端状态管理框架
2. 基本用法
2.1 安装vuex （npm install vue --save）
2.2 创建store.js文件，在main.js中导入并配置store选项
截图1
我就简单的使用一个小例子（购物车中加加减减改变数字）和大家一起学习这么使用vuex。
### 基本用法
#### 2.1 安装vuex
cnpm install vuex -S
#### 2.2 创建store.js文件，在main.js中导入并配置store选项
import store from './store' // 导入store对象
new Vue({
el: '#app',
router,
store, // 配置store选项，指定为store对象，会自动将store对象注入到所有子组件中，在子组件中通过this.$store访问该store对象
template: '',
components: { App }
})
#### 2.3 编辑store.js文件
Vuex的核心是store（仓库），相当于是一个容器，一个store实例中包含以下属性的方法
state 定义属性（状态、数据）
getters 用来获取属性的
actions 定义方法（动作）
commit 用来提交变化，修改数据的唯一方式就是显示的提交mutation
mutation 定义变化
#### 2.4 编辑App.vue
在子组件中访问state对象的两种方式
方式一：通过this.$store访问
方式二：通过mapGetters、mapActions访问，vuex提供了两个方法：
mapGetters: 获取属性（数据）
mapActions： 获取方法的（动作）
网友评论