美文网首页
13、认识Vuex

13、认识Vuex

作者: 小白摘葡萄 | 来源:发表于2020-08-25 16:45 被阅读0次

Vuex 是一个专为 Vue 开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
Vuex采用类似全局对象的形式来管理所有组件的公用数据,如果想要修改这个全局对象的数据,是可以修改的,但没那么简单,得按照 Vuex 提供的方式来修改,不能自己随意用自己的方式来修改。

使用 Vuex 的好处


  • 1、Vuex 的状态存储时响应式的,当组件使用到了这个 Vuex 的状态,一旦它改变了,所有关联的组件都会自动更新相对应的数据,这样开发者省事很多。
  • 2、你不能直接修改 Vuex 的状态,如果是个全局对象变量,要修改很容易,但是在 Vuex 中不能这样做,想修改就得使用 Vuex 提供的唯一途径:显示地提交(commint)mutations 来实现修改。这样做的好处就是方便我们跟踪每一个状态的变化,在开发过程中调试的时候,非常实用。

以上两点是 Vuex 状态管理跟使用传统全局变量的不同之处,也是 Vuex 的优势所在。那是不是所有使用 Vue 开发的 SPA 单页应用都适合采用 Vuex 呢?

适用场景


当然也不是,如果你的应用是个小型的应用,组件不多,组件之间的状态依赖不多,关系清晰容易维护,也就是说不同组件之间很少有数据之间的关联的话,那么你大可不必使用 Vuex 来开发。
反之,如果你开发的是较大型的应用,出现多个视图组件共同依赖一个状态,这个状态相当于我们的全局对象数据,其他组件的改动,会影响到它,反之,它的修改也需要更新其他关联的组件,那么Vuex就很适用。比如:商城系统,外卖系统等等。

相关文章

  • 13、认识Vuex

    Vuex 是一个专为 Vue 开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规...

  • 认识vuex

    vuex是一个专为Vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并保证相应规则状...

  • 认识Vuex

    学前准备 本文主要内容来源于官网,为Vuex的基础部分总结,部分案例也参考了互联网上其他分享知识的大佬。本手记结合...

  • 基于Vue2.0前端框架的初步认识(素颜版)

    最近将Vue进阶文档,vuex和vue-router都看了一遍,重新写了些对初阶知识点的认识,加了些vuex和vu...

  • VUEX基本介绍,包含实战示例及代码(基于Vue2.X)

    VUEX 1 VUEX基本介绍 1.1 官方API 1.2 什么是vuex 1.3 Vuex使用场景 1、Vuex...

  • 【文档笔记】-Vuex

    什么是vuex? vuex文档: https://vuex.vuejs.org/zh/[https://vuex....

  • vuex配置

    vuex配置 目录 vuex的五个核心 配置vuex vuex持久化 一、vuex五个核心概念 State 定义状...

  • Vuex

    安装Vuex cnpm install vuex --save-dev Vuex是什么? 这是[Vuex的官网](...

  • Vuex

    1.Vuex概述 2.Vuex基本使用 3.使用Vuex完成todo案例 1.Vuex概述 Vuex是实现组件全局...

  • vuex

    Vuex介绍: Vuex官网:http://vuex.vuejs.org/ Vuex是实现数据状态管理的技...

网友评论

      本文标题:13、认识Vuex

      本文链接:https://www.haomeiwen.com/subject/zzjzjktx.html