У него нет состояния и контекста

Нет необходимости инстанцироватьм this

Не нужны обзерверы

ну это как отрендеришь

тот же эффект даст v-once например в компоненте

и напротив, через рендер можно обсерверы повесить

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

Не нужны обзерверы

Видео с liveedu перезаливали на ютуб?

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

Ssr тут вообще ни при чем

и напротив, через рендер можно обсерверы повесить

Нельзя. Рендеринг директив вида @click не сработает в рендер функции

Видео с liveedu перезаливали на ютуб?

Нет

Нельзя. Рендеринг директив вида @click не сработает в рендер функции

да ладно, Vue.compile же работает как-то

Ssr тут вообще ни при чем

значит все-таки спорол )

Я сейчас в исходники vue смотрю - логика та же что и у реакта в функциональных компонентах

Очень дёшево потому что можно вызвать функцию и сразу употребить результат

и напротив, через рендер можно обсерверы повесить

У вас нет реактивного this. Соответственно бесполезно

У вас нет реактивного this. Соответственно бесполезно

а можно пример?

реактивного this

У стандартных компонент vue this реактивен

А вот вам к примеру про рендер функции

There is no direct v-model counterpart in render functions - you will have to implement the logic yourself

ну типо пишите логику двухстроннего связывания сами. В реакте разве не так-же?

Я о том что директивы вида @click не сработают в функциональных компонентах. Не так просто :)

ну да, видимо придется пое..ся

к счастью прибегать к таким извращениям как правило не приходится

тот же эффект даст v-once например в компоненте

Вот это хорошее утверждение В чем разница между компонентой с v-once и функциональной компонентой?

ну как минимум в функциональной компоненте больше контроля над рендерингом

в доках хороший пример когда v-once не поможет (подставлять нужный h тэг по атрибуту компонента)

и это пожалуй единственный случай когда это оправдано))

я таки нашел класный бенч

http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html

Не только. V-once вообще не про это

Даже с V-once вы все равно создадите контекст, у компонента будет большой лайфсайкл и тд

какой-то древний vanillajs блин всех уделал

какой-то древний vanillajs блин всех уделал

Лол

из совеременных inferno в топе.

(тяжело вздыхает)

(тяжело вздыхает)

ненадо вздыхвать вуешка на третьем месте)

Я не об этом

Я о патологической любви к преждевременным оптимизациям

Котики, мб вопрос до безумия глуп, но все же. В чем кардинальное различие между methods и computed?

https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods

пасаны, если взять материальные цвета, то можно сделать кнопку из 2007 года

web2.0 парам-пам-пам

У тебя в products приезжает объект, а ожидается массив

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

Как и в обычном компоненте чем отличается data от props?

Данные и свойства. Свойства нужно передавать при создании компонента. Некоторве могут быть не обязательными

Можете привести пример функциональной компоненты с данными?

Или её просто тупо как б обычной компоненте в поле data пихать и все?

Или её просто тупо как б обычной компоненте в поле data пихать и все?

https://github.com/EasonBlack/VueStudy/blob/579e7722c74dbc13f2920cc6a11ca1c96c860bef/vue-component/functional-basic/demo.html

https://github.com/EasonBlack/VueStudy/blob/579e7722c74dbc13f2920cc6a11ca1c96c860bef/vue-component/functional-basic/demo.html

Но там ведь пропса, а не дата

Но там ведь пропса, а не дата

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

Откуда тогда в контексте data?

data это объект props

Ладно, до компа доберусь, гляну тесты

data это объект props

Зачем тогда ещё и props выносить?

Котики, мб вопрос до безумия глуп, но все же. В чем кардинальное различие между methods и computed?

Компьютед кэшируется и пересчитывается только при изменении одного из учавствующих компонентов

props реактивные, дата просто объект

props реактивные, дата просто объект

У тебя есть пример функциональной компоненты, которая использует и data и props?

props реактивные, дата просто объект

Whaaat?

ERROR: S client not available

Дата не реактивная по вашему?

Пропс для одноправленного потока от родителя к ребенку, туда передаются значения из атрибутов компонента

Дата тоже реактивная

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

Да, так и есть, есть же $set

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

Она для этого и нужна

Ребят

Как её вообще по анлийски загуглить можно

Да, так и есть, есть же $set

Ошибся с data)

@Fl0pZz в data храняться события повещеные на фунциональный помпонент, атрибуты и т.д

Про график?

Да, я же выделил красной линией

Да, я же выделил красной линией

А на сайте в исходниках глянуть что они используют для эквалайзера?)

Не проснулся. Не обратил внимание. Эквалайзер кто-то его называет. Вообще спектрограмма

А на сайте в исходниках глянуть что они используют для эквалайзера?)

ну там запутанно слишком, думал может либа есть какая

https://github.com/search?l=JavaScript&q=equalizer&type=Repositories&utf8=✓

http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound

https://m.habrahabr.ru/post/210422/

Экзистенциальный ☝️

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

Поискать/написать))

Идея богатая )

IFTTT глянь

Но там лаг 15 минут

https://ifttt.com/github

Добавляешь бота себе ifttt и конектишь с гитом

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

зато есть с listeners, которые не заявлены в доках

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

Хм, зачем. Жмешь watch и тебе приходят письма

Хм, зачем. Жмешь watch и тебе приходят письма

нет, не делай так

будешь получать оповещения со всех исью