一、概念
(1)Vuex 是一个状态和数据管理的框架,负责管理项目中多个组件和多个页面共享的数据。
(2)在开发项目的时候,我们就会把数据分成两个部分,一种数据是在某个组件内部使用,我们使用 ref 或者 reactive 定义即可,另外一种数据需要跨页面共享,就需要使用Vuex 来进行管理
(3)Vuex使用 state 定义数据,使用mutation定义修改数据的逻辑,并且在组件中使用 commit 去调用 mutations。在此基础之上,还可以用 getters 去实现 Vuex 世界的计算属性,使用 action 来去定义异步任务,并且在内部调用 mutation 去同步数据。

(3) Vuex 在整体上的逻辑如下图所示,从宏观来说,Vue 的组件负责渲染页面,组件中用到跨页面的数据,就是用 state 来存储,但是 Vue 不能直

本文介绍了Vuex在Vue项目中的概念,包括其作为跨组件数据共享的框架,以及如何通过state、mutation、action进行数据管理和异步操作。还演示了手写迷你Vuex的步骤,包括Store类的创建、useStore的使用和在实际项目中的集成。
最低0.47元/天 解锁文章
1907

被折叠的 条评论
为什么被折叠?



