Vuex简单入门
作者：何凯 发布时间：2024-05-02 16:58:26
标签：vuex
1.Vuex是什么？
学院派：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式；集中存储和管理应用的所有组件状态。
理解：以上这4个词是我们理解的关键。状态：什么是状态，我们可以通俗的理解为数据。Vue只关心视图层，那么视图的状态如何来确定？我们知道是通过数据驱动，这里的状态管理可以简单理解为管理数据。集中存储：Vue只关心视图，那么我们需要一个仓库（Store）来存储数据，而且是所有的数据集中存储，视图和数据就可以分析。管理：除了存储，还可以管理数据，也就是计算、处理数据。所有组件状态：所用的组件共用一个仓库（Store），也就是一个项目只有一个数据源（区分模块modules）。
总结：Vuex就是在一个项目中，提供唯一的管理数据源的仓库。
2.有什么用？使用场景？
场景一：处理多组件依赖于同一个数据，例如有柱状图和条形图两个组件都是展示的同一数据；
场景二： 一个组件的行为——改变数据——影响另一个组件的视图，其实也就是公用依赖的数据；
Vuex将组件公用数据抽离，在一个公共仓库管理，使得各个组件容易获取（getter）数据，也容易设置数据（setter）。
3.源码初览
这是Vuex的源码文件，总共包含五大部分，Plugins两个注入文件，核心文件index，帮组文档helper，工具文件util.js
我们先看看Index.js文件export的框架，后面具体分析。
export default {
Store,
install,
mapState,
mapMutations,
mapGetters,
mapActions
}
后面文章分析Store仓库。
来源：https://segmentfault.com/a/1190000009096457
0
投稿猜你喜欢
- 互联网上不计其数的信息本质上都是一个一个的HTML文档组成的，通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样，只有通过经脉才能将它
对于跟我一样，自学javascript且没有其他语言学习经验的人来说，一开始的时候，javascript的调试也是一个比较大的难点，很多基础- 目录前言一、数组遍历方法1. forEach()2. map()3. for of4. filter()5. some()、every()6
- 之前遇到技术问题总能在技术博客上得到启发，十分感谢各位的无私分享。而自己却很少发文，固然是水平有限，但也限制了知识积累和总结。今后多总结分享
- 在php中判断一个文件或目录是否存在，大家通常都会想到is_file和file_exists两个函数。但这两个函数再判断一个远程url文件是
- 本文实例讲述了Python操作Mongodb数据库的方法。分享给大家供大家参考，具体如下：一 导入 pymongofrom pymongo
- 本文分析了让ThinkPHP的模板引擎达到最佳效率的方法。分享给大家供大家参考，具体如下：默认情况下ThinkPHP框架系统默认使用的模板引
- 一、了解subprocesssubeprocess模块是python自带的模块，无需安装，主要用来取代一些就的模块或方法，如os.syste
- 起因事情是这样的，项目最近有个需求。服务器有个图片空间，说白了就是个文件夹。文件夹的结构大家都知道，一层一层的。然后需要在前端以树形展示。具
- 字符串就是一个话题中心。给字符串编号在很多很多情况下，我们都要对字符串中的每个字符进行操作（具体看后面的内容），要准确进行操作，必须做的一个
- MYSQL官方提供了Installer方式安装MYSQL服务以及其他组件，使的Windows下安装，卸载，配置MYSQL变得特别简单。1.
- 在Python中有一些内置的数据类型，比如int, str, list, tuple, dict等。Python的collections模块
- 本文实例讲述了php中常量DIRECTORY_SEPARATOR用法。分享给大家供大家参考。具体如下：DIRECTORY_SEPARATOR
- 本文实例讲述了Python实现读取邮箱中的邮件功能。分享给大家供大家参考，具体如下：#-*- encoding: utf-8 -*-impo
- 一、简单介绍pip 是 Python 包管理工具，该工具提供了对Python 包的查找、下载、安装和卸载的功能，现在大家用到的所有包不是自带
- Python 常见字节码LOAD_CONST这个指令用于将一个常量加载到栈中。常量可以是数字、字符串、元组、列表、字典等对象。例如：>
- 本文实例讲述了python简单获取数组元素个数的方法。分享给大家供大家参考。具体如下：mySeq = [1,2,3,4,5] p
- 0.环境需要1.准备Linux环境（系统：CentOS7）2.准备MySQL安装包（版本：8.0.20）3.安装方式为：msyql解压安装1
- 目录前言解决方案工具介绍工作原理使用限制使用注意使用示例部分参数说明输出结果示例腾讯云数据库 MySQL 使用注意总结一下前言写作案例分析，
- 当多个事务同时持有和请求同一资源上的锁而产生循环依赖的时候就产生了死锁。死锁发生在事务试图以不同的顺序锁定资源。以StockPrice表上的
