如何根据我的逻辑缓存组件dom和状态并进行渲染?

在我的页面中,我有组件。该组件已渲染,并且可能还存在变化(例如有人在输入中键入内容等)。

我该如何缓存该组件及其状态并根据我的逻辑再次呈现它,并仍然保留绑定和所有内容?

我想做一些类似于vue keep-alive的事情,拍摄组件快照(可能包括dom)并将其存储在变量中(快照)。

根据我做的一些逻辑,我想重新渲染或只重新渲染一次。 (我宁愿不要将其保留在dom上,也不要保留在内存中)。

这样做的正确方法是什么?

我认为这样的伪代码可能会有所帮助:

 const compRef = this.$ref.comp;
 const compInMemory = takeSnapshot(compRef);

 ..
 if (someLogic) {
   renderComponent(compInMemroy)
 }
评论