Как часта вам приходилось использовать рендер функции? Какой был кейс?

Question

Vue.js — русскоговорящее сообщество

Eugene 🥑 Heohex

Как часта вам приходилось использовать рендер функции? Какой был кейс?

#frontend #javascript #programming #russian #vue.js

0

24.03.2022

10 ответов

16 просмотров

Eugene 🥑 Heohex Автор вопроса

Grigorii K. Shartsev
Не так давно обсуждали в чате. Есть класс задач, к...

вооо, спасбо

0

24.03.2022

Grigorii K. Shartsev

Eugene 🥑 Heohex
вооо, спасбо

Но в целом это сводится к буквально двум "стандартным" компонентам, либо испльзованию не vue подхода к разработке компонента + узкие мелкие кейсы типа Renderless

0

24.03.2022

Grigorii K. Shartsev

Eugene 🥑 Heohex
вооо, спасбо

Ещё пример (хотя ради него не хочется явно переводить компонент в рендер функцию), когда надо что-то выводить в обёртке или нет. (Но и тут можно сделать дочерний компонент) <div v-if="useWrapper" class="wrapper"> <...some long template X...> </div> <template v-else> <...the same long template again...> </template>

0

24.03.2022

Eugene 🥑 Heohex Автор вопроса

Grigorii K. Shartsev
Ещё пример (хотя ради него не хочется явно перевод...

ну подобие такого я видел в доке

0

24.03.2022

Grigorii K. Shartsev

Eugene 🥑 Heohex
ну подобие такого я видел в доке

Хм, интересно. В доке вроде был только пример про заголовки <h1..6 раньше

0

24.03.2022

Eugene 🥑 Heohex Автор вопроса

Grigorii K. Shartsev
Хм, интересно. В доке вроде был только пример про ...

я про него

0

24.03.2022

Grigorii K. Shartsev

Eugene 🥑 Heohex
я про него

Такой пример как раз заменяется обычным <component :is="`h{level}`" А я имел в виду случай, когда содержимое надо или вывести в обёртке, или как есть без всего

0

24.03.2022

Eugene 🥑 Heohex Автор вопроса

Grigorii K. Shartsev
Такой пример как раз заменяется обычным <component...

Посыл понял в общем, спасибо большое, в общем нужно навыдумывать себе проблем просто Так, чисто потренироваться

0

24.03.2022

Grigorii K. Shartsev

Eugene 🥑 Heohex
Посыл понял в общем, спасибо большое, в общем нужн...

Или просто использовать не Vue подходы. В соседнем чате писали про колонки и тп. Их можно делать через slots+<vnode> или jsx

0

24.03.2022

Grigorii K. Shartsev · Accepted Answer

Не так давно обсуждали в чате. Есть класс задач, которые решаются либо render-функцией, либо функцией, которая умеет рендерить переданный VNode (такой реализуется только рендер функцией). А так, это: 1. Компонент <template-renderer template="">, который рендерит переданный строкой шаблон 2. Компонент <vnode>, который рендерит переданный VNode 3. Задачи, где используется реактовый подход и передаётся рендер функция, например, когда делают тостер/уведомления/сообщения, вызывамые методами, а не через шаблон. В метод передают рендер функцию для кастомизации 4. Задачи, где надо мутировать переданные vnode. Сложно придумать, зачем, кроме как добавить классы. В обычных случаях вроде можно просто выводить в <div> обёртках, либо использовать scoped slots

169 похожих чатов

Как часта вам приходилось использовать рендер функции? Какой был кейс?

10 ответов

Похожие вопросы