![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vuex
文章平均质量分 72
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
Vuex、全局变量、localStorage的区别
Vuex和全局变量的区别Vuex和localStorage区别Vuex的数据在页面刷新或重新加载时会重置;而localStorage的数据在页面刷新或重新加载时保持不变,浏览器久化存储数据,除非手动清除要不然不会丢失。Vuex用于组件间共享状态,而localStorage用于在不同页面或不同会话之间共享数据。Vuex的数据存储是在内存中进行的,而localStorage的数据存储是基于浏览器的。Vuex适用于在Vue应用程序中进行状态管理和共享状态。localStorage适用于在浏览器中持久化存储数据原创 2023-04-19 21:25:13 · 426 阅读 · 0 评论 -
Vuex页面刷新数据丢失的问题
为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象,(vuex的数据并不是弄丢了,而是初始化了,回到初始值,回到原点了).因为JS的数据都是保存在浏览器的堆栈内存里面的,刷新浏览器页面,以前堆栈申请的内存被释放,这就是浏览器的运行机制,那么堆栈里的数据自然就清空了。原创 2023-03-20 16:17:50 · 2336 阅读 · 0 评论 -
Vuex(一)--为什么要使用Vuex
vuex;简单来说:对vue应用中多个组件的共享状态进行集中的管理(读/写)单向数据流以下是一个表示“单向数据流”理念的极简示意:但是,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏:- 多个视图依赖于同一状态。- 来自不同视图的行为需要变更同一状态。对于问题一,传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。对于问题二...原创 2018-11-06 11:35:37 · 8382 阅读 · 0 评论 -
Vuex(二)--Vue核心概念State(vuex的使用)
现在在上一篇Vuex(一)--为什么要使用Vuex的理解基础上使用Vuex中的State,一个正面例子来证实,同时也介绍一下Vue核心概念State。Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易...原创 2018-11-06 12:32:50 · 1566 阅读 · 1 评论 -
Vuex(三)--Vue核心概念Getter
有时候我们需要从 store 中的 state 中派生出一些状态。如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。Vuex 允许我们在 store 中定义getter属性(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。比如...原创 2018-11-06 14:34:33 · 380 阅读 · 0 评论 -
Vuex(四)--Vue核心概念mutations(唯一可以更改vuex实例中state数据状态的属性对象)
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutations 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数。mutation 必须是同步函数。 /** * 1) 包...原创 2018-11-06 16:19:08 · 5076 阅读 · 0 评论 -
Vuex(五)--Vue核心概念actions
Action 类似于 mutation,不同在于:- Action 提交的是 mutation,而不是直接变更状态。- Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此你可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来...原创 2018-11-06 18:35:43 · 3433 阅读 · 1 评论 -
Vuex(六)--Vue核心概念Module
由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割。 /** * 1) 包含多个 module *...原创 2018-12-02 17:07:05 · 588 阅读 · 1 评论