vuex
2017-05-16 本文已影响26人
小学生的博客
一直在使用,也没总结。
官方介绍:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
安装:
npm install vuex --save
为什么使用:
当单项数据留没法满足多个组件共享状态时。譬如说:
- 多个视图依赖于同一状态。
- 来自不同视图的行为需要变更同一状态。
组成:
State
State负责存储整个应用的状态数据,一般需要在使用的时候在跟节点注入store对象,后期就可以使用this.$store.state直接获取状态
- mapState 辅助函数
当一个组件需要获取多个状态时候
Mutations
- 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
- store.commit(mutationName)是用来触发一个mutation的方法。需要记住的是,定义的mutation必须是同步函数
Actions
- Action 提交的是 mutation,而不是直接变更状态。
- Action 可以包含任意异步操作。
Getters
有些状态需要做二次处理,就可以使用getters
推荐阅读:
Vuex
Vuex简单入门
Vuex2.0边学边记+两个小例子