有关Vuex需要知道知识

vuex的作用以及机制

vuex是一个专门为vue开发的,状态管理模式。
每一个 Vuex 应用的核心就是 store(仓库)。“store” 基本上就是一个容器,它包含应用部分的状态 ( state )。

vuex保存的状态有以下特点:

1.Vuex 的状态存储是响应式的
2.改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。

数据是如何流转的?

在这里插入图片描述
核心流程:
● commit提交mutation来修改state或者在组件中异步更新,必须通过dispatch派发action来更新mutation最终修改state.
● 然后 Mutations 就去改变(Mutate)State 中的数据;
● 当 State 中的数据被改变之后,就会重新渲染(Render)到 Vue Components 中去,组件展示更新后的数据,完成一个流程。

存储在哪里

vuex存储在内存中,刷新页面时vuex存储的值会丢失。

有哪些属性

● state => 基本数据
● getters => 从基本数据派生出来的数据
● mutations => 提交更改数据的方法,同步
● actions => 像一个装饰器,包裹mutations,使之可以异步。
● modules => 模块化Vuex

什么情况下使用vuex

Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。引用 Redux 的作者 Dan Abramov 的话说就是:

Flux 架构就像眼镜:您自会知道什么时候需要它。

相关推荐

  1. 前端需要知道知识点,附有链接

    2024-04-13 05:42:03       38 阅读
  2. <span style='color:red;'>vue</span><span style='color:red;'>知识</span>

    vue知识

    2024-04-13 05:42:03      39 阅读
  3. 有关HTML知识点汇总总结

    2024-04-13 05:42:03       46 阅读
  4. sklearn所需要知识

    2024-04-13 05:42:03       48 阅读
  5. [AIGC]并发编程需要学习哪些知识

    2024-04-13 05:42:03       65 阅读
  6. fpga 需要掌握哪些基础知识

    2024-04-13 05:42:03       55 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-13 05:42:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-13 05:42:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-13 05:42:03       82 阅读
  4. Python语言-面向对象

    2024-04-13 05:42:03       91 阅读

热门阅读

  1. 第八十二周周报

    2024-04-13 05:42:03       34 阅读
  2. C++利用缓冲区来提高读写文件的效率

    2024-04-13 05:42:03       36 阅读
  3. SpringBoot初始化工程

    2024-04-13 05:42:03       37 阅读
  4. 常见的分类算法介绍

    2024-04-13 05:42:03       39 阅读
  5. 图论中的模板

    2024-04-13 05:42:03       33 阅读
  6. LeetCode:1两数之和 C语言

    2024-04-13 05:42:03       32 阅读
  7. 软考之零碎片段记录(十三)+复习巩固(八)

    2024-04-13 05:42:03       34 阅读
  8. nodejs安装及环境配置

    2024-04-13 05:42:03       38 阅读
  9. 链表题(哑结点的使用)

    2024-04-13 05:42:03       36 阅读
  10. Photoshop小记

    2024-04-13 05:42:03       39 阅读