Vuex 是什么?能干什么?

157 阅读2分钟

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

image.png

我简单的阐述一下这张图片的原理大家就能明白Vuex的基本原理 首先 我们在图中左侧二叉树中8的位置想要往5传递一个值 我们要经过的顺序是8->4->2->1->3->5这样会经过很多的步骤,这样会大大降低我们程序的性能,这时我们就可以用到Vuex来节省不必要的代码,看右侧二叉树同上我们还是8->5传递一个值,这是我们就可以用到Vuex来接受这写请求,全部传给store,之后再来经过store来传递给我们想要传递的节点,这样可以省去很多的步骤,这就是vuex的基本原理,而且Vuex可以传递大量的数据,就算从8->4传递值,只要经过一个步骤但是数据一但变得多起来,哪怕只是同分支的父子关系传递也会大大降低性能的。

且Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。

如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式 (opens new window)就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。引用 Redux 的作者 Dan Abramov 的话说就是:> Flux 架构就像眼镜:您自会知道什么时候需要它。

希望大家通过我的分享理解Vuex的基本原理,本篇可能有很多不对的地方。望大牛多多指点。