关于 isLoaded 字段和 Vue 中 keep-alive 组件的问题

来源:11-6 缓存优化 第二部分

慕码人4891316

2022-03-24

我想问下 viking 老师,这里为什么选择使用 isLoaded 字段来判断是否缓存数据而不是使用 keep-alive 组件来缓存呢?
据我所知,如果我们希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。
谢谢~

写回答

1回答

张轩

2022-03-25

同学你好 很好的问题

isLoaded 是从数据的角度设计的缓存方案,这个方案不是从组件的考虑出发的,其他框架(比如 react)也可以适用,算是一种通用的考虑。

而 keep-alive 是vue 内置的一个对应的组件,它是指不会每次卸载组件实例,缓存一个组件的实例,重点不是数据。

所以两者的出发点是不一样的。

当然假如你有余力的话,完全也可以将 keep-alive 加到我们的应用中,两者不冲突。

1
2
慕码人4891316
非常感谢!
2022-03-25
共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程