1、vuex 是什么?
“Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。”
既然是状态管理,那么可简单理解成状态 和 管理两个部分。
状态其实就是一个表示组件当前数据的对象。
而管理就是通过定义一些方法去改变状态。
2、vuex类似于全局对象,但又有不同。
首先,vuex是响应式的,也就是说state改变视图也会跟着改变。
其次,不能直接改变state,只能通过commit(提交)mutation才能改变。
3、如果是使用模块的写法,必须在使用vuex时调用vue.use(vuex)
4、核心概念
State
Getter
Mutation
Action
Module
5、State
“单一状态树” : 每个应用将仅仅包含一个 store 实例。
如何在组件中展示状态呢?
(1)最简单的方式: 是在计算属性中返回某个状态。
computed: {
count () {
return store.state.count
}
}
(2)调用Vue.use(Vuex),将状态从根组件注入到每一个子组件之中。
然后在根组件的配置对象中加入store对象。
子组件通过 this.$store.state 访问状态。
6、Getter
7、Mutation
8、Action
9、Module