чем смогу как говорится

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

https://jsfiddle.net/belanchuk/k1a4hj73/

Чую, что ты чего то там изменил, но не сохранил..? У меня мой код открылсяю..

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

Можно вопрос про вебпак, а?

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

Да, я знаю.

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

там, скорее всего, скажем так, единственный productgrid во всем проекте

Чую, что ты чего то там изменил, но не сохранил..? У меня мой код открылсяю..

Так как это самая петушиная песочница

Так как это самая петушиная песочница

Что посоветуешь?

Flux по сути решает проблему "синхронизации" мутаций Root Scope'а, но root scope нужно в принципе избегать по возможности и энкапсулировать данные

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

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

Что посоветуешь?

https://jsfiddle.net/Piterden/k1a4hj73/1/

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

vue-cli

?

Что посоветуешь?

codepen jsbin

Нет не кли, я сам собираю

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

Разве?

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

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

https://jsfiddle.net/Piterden/k1a4hj73/1/

Не работает же..?

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

о чем я и говорю - поэтому и юзают vuex

Не работает же..?

Что?

Разве?

Ну да. webpack.optimize.UglifyJsPlygin. разве нет??

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

в доке тоже самое написано, я цитировал выше

Что?

Кнопка pause не останавливает setInterval

о чем я и говорю - поэтому и юзают vuex

эмм, тут же Vuex совершенно непричём? asyncData и без Vuex работает

эмм, тут же Vuex совершенно непричём? asyncData и без Vuex работает

Да, но данные, которые они получают в asyncData хранят в сторе

Кнопка pause не останавливает setInterval

https://jsfiddle.net/Piterden/k1a4hj73/2/

Да, но данные, которые они получают в asyncData хранят в сторе

по сути не обязательно, можно и в scope'е самого компонента хранить, Store как я уже говорил нужен тогда, когда это global entity, т.е. кусок данных доступный всем компонентам приложения

Да просто сделай сначала

Разве?

Или что вы имели. Ввиду?

Потом будешь заморачиваться

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

+

устанавливать

разумеется

Сука какой же вебпак мерзостный, ненавижу это дерьмо

юзай тогда роллап

https://jsfiddle.net/Piterden/k1a4hj73/2/

Работает! 🤝

разумеется

Почему в вью кли не установлен и работает

юзай тогда роллап

+

Работает! 🤝

Вслепую захерачил ))

В доках тоже Разумеется не надо устанавливпть

по сути не обязательно, можно и в scope'е самого компонента хранить, Store как я уже говорил нужен тогда, когда это global entity, т.е. кусок данных доступный всем компонентам приложения

Это в клиентском SPA. На сервере могут быть нюаны. Окей, ты пробовал получить данные в asycData, закинуть их в data компонента и отрендерить по этим данным компонент?

Вслепую захерачил ))

мнеб такую же слепоту! )

мнеб такую же слепоту! )

Какие твои годы )))

Какие твои годы )))

да, в js мне очень мало лет. ))

разумеется

Покажи мне пример в доках где установлен этот модуль. Он там идёт в вебпак в поимерах

Это в клиентском SPA. На сервере могут быть нюаны. Окей, ты пробовал получить данные в asycData, закинуть их в data компонента и отрендерить по этим данным компонент?

ща попробую, но чисто теоретически должно сработать

Так и знал что в дискорд с вопросами, тут только спорить надо в чате)))

ща попробую, но чисто теоретически должно сработать

Хотя, собственно, какая разница, если asyncData работает только в компонентах-страницах роутера...

Отсюда и вывод, чтоб не устраивать "водопад данных" их пропсов, нужно юзать Vuex

А я люблю водопады

Но это в компонентах такая муть получается.. Вот тут у нас логика получения данных на сервере, а вот тут на клиенте..

Но это в компонентах такая муть получается.. Вот тут у нас логика получения данных на сервере, а вот тут на клиенте..

да уж

Опять же, без Vuex не обойтись, ибо нам нужно как-то синхронизировать состояние роутера и приложения в целом

Опять же, без Vuex не обойтись, ибо нам нужно как-то синхронизировать состояние роутера и приложения в целом

data рут компонента чем плоха?

data рут компонента чем плоха?

Ты руками собрался рулить состоянием роутера, когда есть плагин из коробки?

Ты руками собрался рулить состоянием роутера, когда есть плагин из коробки?

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

Вот и фсе

ой все

вот небольшая визуализация:

страницы - все поголовно Smart компоненты, всё что ниже - дуб-дубом

получается так

о, это ты где такое рисуешь

красиво, да)

Первый беру

однако почему-бы не предоставить возможность компонентам быть умными?

о, это ты где такое рисуешь

draw.io

хм

однако почему-бы не предоставить возможность компонентам быть умными?

Потому что гладиолус

я такого оформления там не видел

ща посмотрю

Проблема вот с этим, в том, что Page отвечает за абсолютно все данные и всю логику, это как-бэ не самый лучший способ модуляризации приложения...

надо пробовать мб и запашет да

разобрался?

а тут каждый компонент отвечает ровно за то что нужно

Проблема вот с этим, в том, что Page отвечает за абсолютно все данные и всю логику, это как-бэ не самый лучший способ модуляризации приложения...

Ты с бека да?

Гайс, а есть десктопный вариант draw.io? Видел только расширение для хрома, но оно тупо грузит сайт

однако почему-бы не предоставить возможность компонентам быть умными?

Они умными потом на клиенте могут стать 😄 А вообще, может где-то сложность с этим есть. asyncData выполняется до рендера. А если asyncData будет доступен в любом компоненте, то это надо по всему дереву идти и искать/собирать вызовы к api