Привет! А может все-таки кто-нибудь упражнялся с вынесением отдельных кусков шаблона в render-функции? Уже который раз натыкаюсь на задачу такого типа, но хз как это гуглить. Короче, есть такой код: <div> Тут может быть слот: <div v-if="hasSlotData('after-input')" class="form-row__slot form-row__slot_after-input"> <slot name="after-input"></slot> </div> </div> Часть с v-if, как видно, шаблонная, хочется ее вынести в какой-то метод. В JSX мы бы сделали так: function drawSlot(name) { if (hasSlotData(name)) { return <div class="...">...</div> } } И в шаблоне: <div>Тут может быть слот: {drawSlot('after-input')}</div> Для Vue я в прошлый раз решил, просто добавив компонент-прослойку. Но это как-то много писанины, лишняя сущность и лишняя магия внутри (например, прокинуть vnode-ы из слотов вниз оказалось нифига не просто). Тащить JSX не особо хочется, да и не очень понятно, поможет ли он. Есть идеи?

разве? вроде надо бабель-плагин доставлять

Создай прямо там функциональный компонент

Там все то же самое, только functional: true добавь Vue.component('my-component', { functional: true, // Для компенсации отсутствия экземпляра, // мы теперь передаем 2-й аргумент context. render: function (createElement, context) { // ... },

Привет! А может все-таки кто-нибудь упражнялся с вынесением отдельных кусков шаблона в render-функции? Уже который раз натыкаюсь на задачу такого типа, но хз как это гуглить. Короче, есть такой код: <div> Тут может быть слот: <div v-if="hasSlotData('after-input')" class="form-row__slot form-row__slot_after-input"> <slot name="after-input"></slot> </div> </div> Часть с v-if, как видно, шаблонная, хочется ее вынести в какой-то метод. В JSX мы бы сделали так: function drawSlot(name) { if (hasSlotData(name)) { return <div class="...">...</div> } } И в шаблоне: <div>Тут может быть слот: {drawSlot('after-input')}</div> Для Vue я в прошлый раз решил, просто добавив компонент-прослойку. Но это как-то много писанины, лишняя сущность и лишняя магия внутри (например, прокинуть vnode-ы из слотов вниз оказалось нифига не просто). Тащить JSX не особо хочется, да и не очень понятно, поможет ли он. Есть идеи?

vuetify это типа материал юай кит или путаю?

render функции можно и с обычными компонентами фигачить. Не обязательно делать его функциональным. Но если можно, то стоит

вопрошающий хотел в одном коде объединять template и render-функцию. Мне кажется, что без ф-компонента так сделать не получится

Так вообще сделать не получится. Шаблон - это и есть render функция

В реакте можно сделать просто функцию где угодно, возвращающую вноду

функция, которая возвращает объект с методом render :)

пихни ее куда угодно в жсх, и оно отрендерится

Возможно, функциональный компонент тебе подойдет, да. Если тебе не нужно отслеживать локальное состояние

то есть компонент вот он, у него поведения-проперти-лайфсайкл, а кусок шаблона - это типа просто кусок шаблона =)

хотим решить такую проблему во вью.

мне хочется, чтобы можно было вынести кусок шаблона куда-то, при этом чтобы там сохранились ссылки на контекст (доступ к пропертям-методам)

подробнее, вам hoc нужен?

можешь в миксины вынести

Ты можешь создать функциональный компонент с шаблоном (vue 2.5) Внутри шаблона у тебя будут доступны только пропсы и слоты. Подходит только для отрисовки html

Ты можешь создать функциональный компонент с шаблоном (vue 2.5) Внутри шаблона у тебя будут доступны только пропсы и слоты. Подходит только для отрисовки html

в миксины можно выносить куски шаблона чтобы потом тыкать в наследуемый компонент?

вообще-то не только, как раз с помощью них и scoped slots можно делать полноценный hoc

ну да, я буду ща изучать функциональные компоненты, по смыслу вроде похоже

нет, в мискины можно выносить куски рендер фукнции например getList (), который вернет результат после хелпер фукнцию

короче придумаю чо расскажу

Всем привет , я новый в Vue но уже в восторге , есть такой глупый вопрос , когда появляется компонент , в каком lifecycle хуке лучше загружать данные из API? Created?

если с серверрендерингом, то да. Если нет, то лучше что-то типа beforeMounted

Я делаю клиентский рендеринг , а разве на стадии маунтед уже созданы свойства у компонента ?

Ребят всем привет, возник тут вопрос по поводу компонентов модулей, где отдельно js и css файлы, есть ли смысл а таком подходе если можно во .vue компоненте все это делать?

Ребят всем привет, возник тут вопрос по поводу компонентов модулей, где отдельно js и css файлы, есть ли смысл а таком подходе если можно во .vue компоненте все это делать?