Теоретичиски, они дешевле в рендеринге. Когда Эван запилит для них нормальные шаблоны, можно будет во всю юзать, как в реакте это делают со stateless компонентами

и чтобы в нем была data, которая передалась сверху

и чтобы в нем была data, которая передалась сверху

context.props.data

и чтобы в нем была data, которая передалась сверху

В подобных случаях мы можем пометить компоненты как функциональные (опция functional), что означает отсутствие у них состояния (нет опции data) и экземпляра (нет контекстной переменной this).

из функционального хотите обратно обычный сделать

нееет

ты не понял

data не который задается в компоненте data: () => ({})

а который в пропсах прилетает, я просто его так обозвал

:) понятненько

{ functional: true, render(createElement, context) { console.log(context.props.data) // <- твой пропс return createElement('div', context.children) } }

{ functional: true, render(createElement, context) { console.log(context.props.data) // <- твой пропс return createElement('div', context.children) } }

да, только в этом диве нет data

Property or method "data" is not defined on the instance but referenced during render

Кхм. Шас фидл запилю

в пропсах он есть а в рендер-функцию его как передать

в пропсах он есть а в рендер-функцию его как передать

https://jsfiddle.net/c01nd01r/hduevvr3/1/

https://jsfiddle.net/hduevvr3/2/ Я вот что хочу

https://jsfiddle.net/hduevvr3/2/ Я вот что хочу

https://jsfiddle.net/c01nd01r/hduevvr3/3/

неа, не то

тут оно всегда в конец вставится

тут оно всегда в конец вставится

https://jsfiddle.net/c01nd01r/hduevvr3/4/

а это с template, вот его я как раз и не хочу видеть рендер-функцией нельзя как-то заменить, чтобы не писать его?

а это с template, вот его я как раз и не хочу видеть рендер-функцией нельзя как-то заменить, чтобы не писать его?

нет, без scope это будет родительский скоуп

Наверное

вот в том-то и дело мне кажется, как-то все же можно заменить

Да не, врядли. Там как раз таки смысл, что ты в передаешь пропсы на слоте в рутовый элемент. А рутовый элемент - это template

а scope="lol" включает скоуп слота

Иначе у тебя родительский скоуп рутового компонента, в нашем случае

ну мейби как-то h('template', ...

Немножко побыдлокодил

деее

но когда данные надо получить, решает сам родитель. Не верю, что мой кейс такой супер сложный, что куча людей не может понять.

https://codepen.io/anon/pen/mwvyZW?editors=0010

угу

Хз как там нужно

https://codepen.io/anon/pen/mwvyZW?editors=0010

https://www.webpackbin.com/bins/-Kot82PUuS0yDmTW3XyA

Блин, так получается, если vue-шину вешать не на инстанс, а на window, она будет инстансы соединять.

window.шина1 window.шина2

Atom не переварил package-lock.json и откинулся на 5000й строчке У меня все

Капец 1300 сообщений за 12 часов)) местные тролли в ударе))

Почему сразу тролли?)

Ага. Сам в шоке был. С самолета выхожу, а тут такое)))

Почему сразу тролли?)

Бегло проглядел сообщения, увидел их активность)

Нормально общались ?

Ага. Сам в шоке был. С самолета выхожу, а тут такое)))

Богдан ты то что тут делаешь?) Yii теперь rest сервер?))

Нормально общались ?

Да я только за. Плодовитость удивляет ?

Богдан ты то что тут делаешь?) Yii теперь rest сервер?))

Да я уже давно по laravel, lumen, silex, yii, codeinginter)))

Богдан ты то что тут делаешь?) Yii теперь rest сервер?))

Так что мне впринципе похрену на чем делать rest сервер)

Ноу)

В общем вопрос по делу теперь: есть список товаров, делаю переход в форму редактирования, в роутер при этом передаю айдишник. При открытии страницы с сервака подгружаются по айди данные о товаре. Все ок. Но, если я ручками изменю айдишник в url то подгрузка уже не работает. Либо выстреливает дважды если засовывают логику в beforeUpdate. Вопрос. В какое событие компонента (?) Надо засунуть полгрузку чтоб она работала и при переходе по линку роутера и при смене урла

Created, mounted уже пробовал. С урлом не работают

people, fetch polyfill - https://github.com/github/fetch да?

people, fetch polyfill - https://github.com/github/fetch да?

whatwg-fetch

whatwg-fetch

ну, это он и есть

наверное да, ибо MDN так говорит )

vue-cli + webpack - в конфиг webpack нужно что-то добавлять?

я просто добавил import 'whatwg-fetch' в компонент, где fetch используется как проверить, что полифилл подключен и работает?

я просто добавил import 'whatwg-fetch' в компонент, где fetch используется как проверить, что полифилл подключен и работает?

посмотри в собранных файлах

я просто добавил import 'whatwg-fetch' в компонент, где fetch используется как проверить, что полифилл подключен и работает?

Добавь в index.js

И все

Т.е. в корневой файл сборки

ERROR: S client not available

можно ещё в древних ie проверить но это сложна

Дальше у тебя фетч на window висеть будет

Т.е. в корневой файл сборки

в моем случае корневой файл сборки - app.vue добавил в него <script> import 'whatwg-fetch'

Т.е. в корневой файл сборки

вроде все ок?

Не, у тебя есть то ли index.js, то ли main.js где создается new Vue

Вот там подключай

Не, у тебя есть то ли index.js, то ли main.js где создается new Vue

черт, main.js есть )

И все работает

В 11 ie фетча нету, так что если у тебя винда - проверяй

И все работает

благодарю

В общем вопрос по делу теперь: есть список товаров, делаю переход в форму редактирования, в роутер при этом передаю айдишник. При открытии страницы с сервака подгружаются по айди данные о товаре. Все ок. Но, если я ручками изменю айдишник в url то подгрузка уже не работает. Либо выстреливает дважды если засовывают логику в beforeUpdate. Вопрос. В какое событие компонента (?) Надо засунуть полгрузку чтоб она работала и при переходе по линку роутера и при смене урла

https://router.vuejs.org/ru/essentials/dynamic-matching.html про отслеживание изменений параметров

https://router.vuejs.org/ru/essentials/dynamic-matching.html про отслеживание изменений параметров

То что надо. Благодарю.

@xanf_ua можешь советом помочь?)

Третья попытка достучаться до авторитетного разработчика)

Вопрос такой: Есть энтерпрайз crm массового использования с легаси (на jquery), сейчас сагитировал руководство на переписывание - выбор стоит вью или реакт - что бы ты посоветовал? У реакта вроде бест практикс побольше, да синтаксис поприятней, а вью попроще, да побыстрее. Для теста написал компонент на каждом - вью по производительности выиграл (в 2 раза), но все равно сомневаюсь чёт.

Похеру на производительность

Берите Вью

Для сценария ПЕРЕПИСЫВАНИЯ проекта Вью подходит лучше

Проще портировать шаблоны, проще интегрировать куски на jquery, проще в старте

Более того Вью может все что может реакт

Обратное неверно

Хм, спасибо

Хм, спасибо

щяс тебе в чате вью реакт посоветуют, ага

Вот результаты

На которых тестировал все

щяс тебе в чате вью реакт посоветуют, ага

Илья писал и на том, и на том и, насколько я знаю, изучал их внутренности. Плюс в последнее время (на holyjs вроде) - он уже не так сильно хайпил вью - для больших проектов вроде бы не брал

Реакт чуваки говорят похер на производительность - бери реакт

Ну в моем тесте у реакта было 10 фпс, у вью около 30