本文主要讲述了Pinia和Vuex的区别,其中Vuex的响应式状态存储和显示地提交mutation是其两大特点。通过Vuex可以方便地跟踪每一个状态稿历的变化。状态可以理解为在Vue响应式系统下可以被观察到的变量。 衷热的网友千万不要错过哦,一起和神奇下载网编辑了看一下吧。希望能带给大家一些帮助!
pinia和vuex区别 Vuex状态管理的两大特点
Vuex和全局对象主要有两大区别:
1、Vuex的状态存储是响应式的。当Vue组件从Store中读取状态的时候,若Store中的状态发生变化,那么相应的组件也会相应地得到高效更新。
2、不能直接改变Store中的键掘搜状态。改变Store中的状态的唯一途径就是显示地提交(commit)mutation。这样使得我们可以方便地跟踪每一个状态稿历的变化,从而让我们能够实散岁现一些工具帮助我们更好地了解我们的应用。
我觉得vuex既然是状态管理工具,那它的核心就是‘状态’一词,vuex中定义的某个state变量可以理解成一个状态,何为状态?就是这个变量可以被旁裂vue的响应式系统槐斗观察到,当它的值发生的变化的时候,页面可以响应到它的变化来主动做一些事情,你甚至可以理解成是一个全局的data。
我们可以回想下,在vue组件中,定义在data中的某个变量,如果这个变量被使用在html模板中,或者计算属性中,那么这个变量就是响应式的,当这个变量变化时,那么html模板便会重新渲染,计算属性也会重新计算,理解这一点,我们再来理解vuex,首先,上述的这个变量被定义在单组件中的data内,也就是说只有在这个组件内才能使用,可是在某些业务场景中,我们希望这个变量是覆盖全局的,也就是在任何一个组件内都能访问到这个变量,并且最重要的是还可以让它拥有响应式的属性,这个时候vuex这个工具就登场了,铅启磨将这个变量定义在vuex中。。。。。具体用法就不教了。。。。
而localStorage中的数据只是一个静态的值,无法被观察。
首先vue是一个前端框架(与angular和react同级别),vuex只是vue的一个插件,官网说vuex是状态管理工具,其实说白了,vuex就是一个存放多个组件共用的一个数据的存放、更改、处戚岁肢理的一个容器,就是说来存放处理公共数据的工雀蠢具,存放的数据一变,各个组件都会更新,也就是说存放高世的数据是响应式的。
Pinia和Vuex都是Vue中使用的状态管理工具,但是两者有不同的特点。其中Vuex的响应式状态存储和显示地提交mutation是其两大特点,这也使得我们可以方便地跟踪每一个状态稿历的变化。状态可以理解为在Vue响应式系统下可以被观察到的变量,这也是状态管理工具的核心。对于pinia和vuex区别文章就介绍到这里,希望能帮助衷热的网友们!更多精彩文章,敬请关注神奇下载网,你们的支持是我们更新的动力!
相关文章
近期热门