1.vuex概念
2.state
(1)提供数据
(2)使用数据
以下都是在想法访问该数据的组件操作。
①通过 store 直接访问
② 通过辅助函数 (简化)
3.mutations
目标:掌握 mutations 的操作流程,来修改 state 数据。 (state数据的修改只能通过 mutations )
辅助函数 - mapMutations
4.actions
目标:明确 actions 的基本语法,处理异步操作。 说明:mutations 必须是同步的 (便于监测数据变化,记录调试)
需求: 一秒钟之后, 修改 state 的 count 成 666。
辅助函数 - mapActions
5.getters
目标:掌握核心概念 getters 的基本语法 (类似于计算属性)
6.模块 module (进阶语法)
(1)创建与挂载子模块
目标:掌握核心概念 module 模块的创建
由于 vuex 使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时, store 对象就有可能变得相当臃肿。(当项目变得越来越大的时候,Vuex会变得越来越难以维护)