如何将单个vue实例渲染到不同的dom位置

时间:2019-04-12 07:17:10

标签: vue.js vuejs2

假设您必须呈现分页数据。

分页器组件应出现在数据表的上方下。

最基本的方法是两次声明分页器组件-一个在数据之上,另一个在数据之下。但是分页器组件实例的最终vnode(甚至dom片段)将相等。两个分页器实例将计算(也是两次!)完全相等的vnode和dom片段。

我想避免重复的vnode / dom节点渲染和计算时间。基本上,一次计算所有内容并复制生成的节点将是理想的目标。

我当前的已知选项:

  1. 由于存在潜在的Vuiejs $ ref和dom / vuejs事件处理问题,因此无法像单个Vue分页组件那样将其DOM输出克隆到其他地方听起来是个坏主意。 所以实际上这是没有选择的。
  2. 如何克隆第一个分页组件实例的vnode并将其重用于第二个实例?那是路要走吗?

最佳选择是什么?

有没有更好的方法可以满足我的期望?

0 个答案:

没有答案