muzidigbig的博客

Vuex和全局变量的区别Vuex和localStorage区别Vuex的数据在页面刷新或重新加载时会重置；而localStorage的数据在页面刷新或重新加载时保持不变，浏览器久化存储数据，除非手动清除要不然不会丢失。Vuex用于组件间共享状态，而localStorage用于在不同页面或不同会话之间共享数据。Vuex的数据存储是在内存中进行的，而localStorage的数据存储是基于浏览器的。Vuex适用于在Vue应用程序中进行状态管理和共享状态。localStorage适用于在浏览器中持久化存储数据

为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象，(vuex的数据并不是弄丢了，而是初始化了，回到初始值，回到原点了).因为JS的数据都是保存在浏览器的堆栈内存里面的，刷新浏览器页面，以前堆栈申请的内存被释放，这就是浏览器的运行机制，那么堆栈里的数据自然就清空了。

vuex;简单来说：对vue应用中多个组件的共享状态进行集中的管理(读/写)单向数据流以下是一个表示“单向数据流”理念的极简示意：但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：- 多个视图依赖于同一状态。- 来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二...

现在在上一篇Vuex(一)--为什么要使用Vuex的理解基础上使用Vuex中的State，一个正面例子来证实，同时也介绍一下Vue核心概念State。Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易...

有时候我们需要从 store 中的 state 中派生出一些状态。如果有多个组件需要用到此属性，我们要么复制这个函数，或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。Vuex 允许我们在 store 中定义getter属性（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。比如...

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutations 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数。mutation 必须是同步函数。 /** * 1) 包...

Action 类似于 mutation，不同在于：- Action 提交的是 mutation，而不是直接变更状态。- Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用 context.commit 提交一个 mutation，或者通过 context.state 和 context.getters 来...

由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割。 /** * 1) 包含多个 module *...