vuex是 vue官方推荐的一个状态管理器。当我们遇到很多状态改变时，组件之间的通信就会变得复杂，这时候vuex的强大就展现出来。
我们从vuex的原理以及vuex的api两个部分介绍vuex
原理：
vuex的核心是store对象，它承载了vue的状态管理。vuex的实现分为了2个部分，第一个部分是store的创建，以及第二部分store的挂载，并且解析store。
vuex通过插件安装的形式来使得vue挂载vuex的store，当然这个是在vue组件的createBefore阶段实现的。随后Vuex将它直接挂载到 $options.$store 以供使用vue使用。
对于vuex的属性，Vuex 会将 vuex 属性解构成 getters 和 actions。并将 getters 的每个属性都挂载 vm 下(有可能被组件的 $options.data() 的属性覆盖)，同时定义每个值的 getter 方法，但并不会定义 setter 方法，这是因为根据 Vuex 的设计是不允许开发者直接在组件内更改 store.state，而对数据的改动要通过提交 mutation。Vuex 实际上将 vm.vuex.getter 内的属性当作当前 vm 的计算属性来处理。和计算属性的区别是计算属性依赖计算的是 vm.$options.data 内的值，而 vm.vuex.getter 的属性依赖计算的是 store._vm.$options.data。这样所有组件的渲染都将都可以直接从状态树拿数据来渲染 UI 。
所有的组件都可以和vuex的状态树进行数据交互。但是不允许直接改变状态树的状态，应该用vuex的mutations来提交状态的改变。vuex会将actions内的方法绑定到vue的$options.methods下，它们与vue中定义的方法并没有区别。而 actions 内的方法将通过 dispatch 触发 mutations 来更新全局状态,actions方法与mutations的区别是，mutations改变state并且必须是同步改变，而actions可以作为异步提交的方法，dispatch 可以接收一个promise，并且返回一个promise。
2.API：
state：在vue中引入store对象，在子组件中通过this.$store来访问vuex中状态，并且我们最好在vue的computed中获取vuex的状态。
mapState：这是一个语法糖，可以快捷的获取更多的state。
接受一个object参数：
// 在单独构建的版本中辅助函数为 Vuex.mapStateimport { mapState } from 'vuex'export default { // ... computed: mapState({ // 箭头函数可使代码更简练
count: state => state.count, // 传字符串参数&nb
延伸阅读
- ssh框架
2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁
2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】
2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词
2017-07-26
- 从栈不平衡问题 理解 calling convention
2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明
2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解
2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析
2017-07-26
- 集合结合数据结构来看看(二)
2017-07-26
学习是年轻人改变自己的最好方式