学习课程：前端工程师2022版-vue基础入门
lesson44：VueX 的语法详解
3-7 VueX 的语法详解（1）-慕课网体系课 (imooc.com)
3-8 VueX 的语法详解（2）-慕课网体系课 (imooc.com)
3-9 VueX 的语法详解（3）-慕课网体系课 (imooc.com)
讲师：Dell老师
今天继续昨天的课程安排，学习了VueX 的语法详解。
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
这个状态自管理应用包含以下几个部分：
state，驱动应用的数据源；
view，以声明方式将 state 映射到视图；
actions，响应在 view 上的用户输入导致的状态变化。
以下是一个表示 “单向数据流” 理念的简单示意：
但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：
多个视图依赖于同一状态。
来自不同视图的行为需要变更同一状态。
每一个 Vuex 应用的核心就是 store（仓库）。“store” 基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：
Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。
你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。
修改数据的步骤如下：
1.dispatch方法，派发一个action，名字叫做change
2.感知到change这个action，执行store中的actions下面的change方法
3.commit提交一个叫做change的数据改变
4.mutation感知到提交的change改变，执行change方法
继续加油！
共同学习，写下你的评论
评论加载中...
作者其他优质文章
