Vuex

Vuex是什么?

介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

理解:核心就是 store(仓库),就当这个仓库用来储存东西的。

状态管理的各部分含义为: 

  • state,驱动应用的数据源;
  • view,以声明方式将 state 映射到视图;
  • actions,响应在 view 上的用户输入导致的状态变化。

 

什么时候应该用到Vuex呢?

1.小应用不建议使用Vuex,因为小项目使用 Vuex 可能会比较繁琐冗余;

2.中大型单页应用,因为要考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择;

举例:单⻚应⽤中,组件之间的状态、⾳乐播放、登录状态、加⼊购物⻋等。

对于使用Vuex的理解是什么?

由于Vue是单向数据流,子组件内部不能直接修改从父级传递过来的数据,子组件与子组件之间无法相互传递数据。如果我们想让两个子组件之间进行通信的话,可以借助子组件 A 向父组件传值,父组件接收子组件 A 的数据后再传给 B 组件这样的方式进行通信。

但是这样会有一个问题,就是如果子组件 A 的父组件上面还有一层爷爷组件,或者还有更多祖父类型的层级,那么是不是会很麻烦。

因此,我们会想到能不能我们将一个共有的数据存在一个特定的地方,用的时候自己去拿,这样就不需要一层层传值,于是乎 Vuex 就应运而生了。

 

posted @ 2022-05-11 19:05  粥周  阅读(41)  评论(0)    收藏  举报