Предположим, вам нужно визуализировать разбитые на страницы данные.
Компонент paginator должен отображаться над и под таблицей данных, отображающей точно такой же вывод.
Самый базовый подход - это объявление компонента paginator дважды - один надданные и один ниже.Но результирующие vnodes (и даже фрагмент dom) экземпляров компонента paginator будут одинаковыми.Оба экземпляра paginator будут вычислять (также дважды!) Полностью равные фрагменты vnode и dom.
Я бы хотел избежать дублирования рендеринга узлов vnodes / dom и времени вычислений.По сути, все вычисляем один раз, и дублирование получающихся узлов было бы идеальной целью.
Мои текущие известные варианты:
- Взлом чего-то, похожего на один компонент разбиения на страницы Vue, и клонирование его результирующего вывода DOM вчто-то еще звучит как плохая идея из-за потенциальных проблем с обработкой событий Vuiejs $ ref и dom / vuejs. Так что на самом деле это не вариант.
- Как насчет клонирования vnode первого экземпляра компонента нумерации страниц и повторного его использования для второго экземпляра?Это путь?
Какой вариант лучше?
Есть ли лучшие подходы, чтобы соответствовать моим ожиданиям?