vue 单页面应用切换路由是不是dom元素隐藏起来了?

Question

vue单页面来回切换,那些页面上的dom元素是保存在哪里了?因为用了keepalive状态都保存起来了,切换页面后我去页面源代码看又没有找到这个dom元素.

Answer 1

类似于 vue 或者 react 之类的这种类 MVVM 模式的框架，都存在一个 view model 层。

Model <==> ModelView => View

简单说其实可以说成是 vnode。keep-alive 是一个抽象逻辑组件，它的缓存是基于数据模型 View Model 的缓存，所有数据和状态是在内存中的，并不是基于 View 的缓存。视图切换的时候其实是重新 patch vnode。