Vuex

一直在使用,也没总结。

官方介绍:

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边学边记+两个小例子