Vuex简单入门
更新时间：2017年04月19日 14:39:48 作者：何凯
本篇文章主要介绍了初步认识理解Vuex，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仓库。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
vue配置代理vue.config.js后不生效的解决(小坑)
这篇文章主要介绍了vue配置代理vue.config.js后不生效的解决(小坑)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了解决vue单页面应用打包后相对路径、绝对路径相关问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要给大家介绍了关于vue3简单封装input组件和统一表单数据的相关资料,不管你学习哪一门编程语言,相信大家都会略化这一部分,需要的朋友可以参考下2022-05-05
bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成,这篇文章主要给大家介绍了关于vue3集成bpmn.js的相关资料,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了Vue-cli3项目引入Typescript的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了解决vant中 tab栏遇到的坑 van-tabs，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了详解vue-router 初始化时做了什么,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
下面小编就为大家分享一篇解决vue多个路由共用一个页面的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
vue的核心思想就是组件，什么是组件呢？按照我的理解组件就是装配页面的零件，vue三大核心组件 路由 状态管理，路由控制页面的渲染，页面由组件组成，数据有vuex进行管理和改变。下面我会以一个简单的案例来说2017-04-04
这篇文章主要介绍了vue实现折叠展开收缩动画,通过scrollHeight实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧2023-11-11
最新评论