у меня сильное имхо, что vue -- это идеальный баланс между ангуларом и реактом.

Эван не зря занимался ангуляром))

Эван не зря занимался ангуляром))

Даа Даа)

у меня сильное имхо, что vue -- это идеальный баланс между ангуларом и реактом.

Ребят тут все в курсе же

Вы как то запоздало

Вы как то запоздало

)) да дайте человеку порадоваться

Ребят тут все в курсе же

Это вновь пришедшим с реакта сравнение

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

а то в доке слишком искуственные

Если кто не видел, появился нвоый сборщик парсель. Почему? А никто не знает. А vue по делу пришёл.))

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

посмотри nuxt.js

Если кто не видел, появился нвоый сборщик парсель. Почему? А никто не знает. А vue по делу пришёл.))

Два

Микробандл еще

Хотя это просто форк ролапа

там не то чтобы пример, но он делает это довольно круто. А вообще во вью-роутере обычно делается один объект и от него все пляшут. гуглить по vue-router. Кстати, это всё официальное.

там не то чтобы пример, но он делает это довольно круто. А вообще во вью-роутере обычно делается один объект и от него все пляшут. гуглить по vue-router. Кстати, это всё официальное.

насколько я понял Nuxt это для серверного рендинга?

по vue-router - просто я смотрю получается все роуты в одном файле описываются, никак не разделясь?

по vue-router - просто я смотрю получается все роуты в одном файле описываются, никак не разделясь?

В основном да

В основном да

эм.. а как же вложенные роуты? которые только для конкретного компонента? Их тоже выносить в глобальный?

эм.. а как же вложенные роуты? которые только для конкретного компонента? Их тоже выносить в глобальный?

Вы описываете КАК система должна работать. В 1 месте. И да - чайлды ложатся родителя

Хм... просто если у меня используется система доступ например по правам, файл роутера разростется до неимоверных размеров, если описывать для каждого beforeResolve. По-моему это как-то неправильно

Хм... просто если у меня используется система доступ например по правам, файл роутера разростется до неимоверных размеров, если описывать для каждого beforeResolve. По-моему это как-то неправильно

Хуки роутера в компонентах тоже есть, если ты об этом

Хм... просто если у меня используется система доступ например по правам, файл роутера разростется до неимоверных размеров, если описывать для каждого beforeResolve. По-моему это как-то неправильно

Хуки

Хуки роутера в компонентах тоже есть, если ты об этом

Ну а все-таки, если в приложении сложная навигация и овер 9000+ страниц. Не хочеться все в одном файле описывать - просто баттерхеад получается какой-то

Ну а все-таки, если в приложении сложная навигация и овер 9000+ страниц. Не хочеться все в одном файле описывать - просто баттерхеад получается какой-то

Что мешает разнести это по нескольким файлам?

Что мешает разнести это по нескольким файлам?

Вот именно про примеры такого разделения я и спрашивал

Вот именно про примеры такого разделения я и спрашивал

Импортируете)) просто группируете

Как обычный js

ясно, спс

ясно, спс

Мне кажется это больше к структуре и архитектуре приложения в целом чем к vue

Мне кажется это больше к структуре и архитектуре приложения в целом чем к vue

вот и хочеться понять на начальном этапе как строится архитектура приложений в vue. Правильная и удобная архитектура. Возможно ли на нем писать реально большие и сложные проекты, не будет ли потом проблем с рефакторингом и т.п. Для этого собственно тут вопросы и задаю). Пробую конечно на маленьком проекте, но чем черт не шутит, вдруг потом буду делать все на вью)

вот и хочеться понять на начальном этапе как строится архитектура приложений в vue. Правильная и удобная архитектура. Возможно ли на нем писать реально большие и сложные проекты, не будет ли потом проблем с рефакторингом и т.п. Для этого собственно тут вопросы и задаю). Пробую конечно на маленьком проекте, но чем черт не шутит, вдруг потом буду делать все на вью)

Мне в этом сложно ответить. Мы пишем сложное приложение но не используем роуты. У нас другая фишка - динамические компоненты.

вот и хочеться понять на начальном этапе как строится архитектура приложений в vue. Правильная и удобная архитектура. Возможно ли на нем писать реально большие и сложные проекты, не будет ли потом проблем с рефакторингом и т.п. Для этого собственно тут вопросы и задаю). Пробую конечно на маленьком проекте, но чем черт не шутит, вдруг потом буду делать все на вью)

Чем больше проект тем больше ответственность на архитекторе и меньше на фреймворке

Мне в этом сложно ответить. Мы пишем сложное приложение но не используем роуты. У нас другая фишка - динамические компоненты.

можно ссылочку про wtf ?

Чем больше проект тем больше ответственность на архитекторе и меньше на фреймворке

+

Чем больше проект тем больше ответственность на архитекторе и меньше на фреймворке

Чтобы спроектировать что-то нормальное, сначала ндо изучить фреймверк и его возможности

Swappable Dynamic Components in Vue.js ← Alligator.io https://alligator.io/vuejs/dynamic-components/

Чтобы спроектировать что-то нормальное, сначала ндо изучить фреймверк и его возможности

А потом всю экосистему и либы, набить пару шишек на проектах поменьше

Вообще я к тому написал что ейфория пройдет, вуе не волшебная таблетка

Тоже можно такого понаписывать

Все комменты прочитал, спасибо за мнение! В vue есть code splitting? Async component или аналог?

Все комменты прочитал, спасибо за мнение! В vue есть code splitting? Async component или аналог?

С вебпаком можно динамические импорты использовать. Про асинхронные компоненты тоже в документации подробно описано

Ну тогда надо пробовать) на след проекте)

Там пробовать нечего. Обычные импорты переписываются за пару секунд. И всё. Дальше просто работает)

just works)

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

ребят как в methods можно сделать условия if

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

иначе никак .

ребят как в methods можно сделать условия if

хотя есть еще вариант один, через тернарный оператор попробовать.

робяты подскажите: есть компонент с кастомным v-model="asyncdata", где значение "asyncdata", прилетает асинхронно с бэкэнда с запозданием. у этого компонента этот пропс asyncdata я прокидываю в data, чтоб он стал реактивным, но т.к. при маунте asyncdata еще пуст, то data ессно пустое. как это победить безкостыльно ?

watch на asyncdata

watch на asyncdata

Я так и сделал, но он срабатывает и на изменения из родителя. Придется еще огород с флагом городить, что костыль

Тогда я не понял вопроса .

А через computed свойство пробовали?

Тогда я не понял вопроса .

Ну этот вотч срабатывает на все изменения asyncdata которые эмитом потом идут в родителя и обратно через пропс срабатывает вотч

Это я понимаю

робяты подскажите: есть компонент с кастомным v-model="asyncdata", где значение "asyncdata", прилетает асинхронно с бэкэнда с запозданием. у этого компонента этот пропс asyncdata я прокидываю в data, чтоб он стал реактивным, но т.к. при маунте asyncdata еще пуст, то data ессно пустое. как это победить безкостыльно ?

Че т странное. Объявляешь в дате пустой массив/объект, а в резолве промиса пишешь туда данные. Все зарендерится само

Че т странное. Объявляешь в дате пустой массив/объект, а в резолве промиса пишешь туда данные. Все зарендерится само

Хренушки. Чайлд не зарендерится

Давай код

+

Все должно работать

картинками если только. ща

это родитель. тута асинхронное получение с BE

ERROR: S client not available

вот тута data.values пустой, если не делать вотч

Vue.set

Вы объект переписываете

Обсервер там ломается

Вообщем, по коду все похоже именно на этот случай

Обсервер там ломается

я согласно мануалов делаю Object.assign({}, this.record, http.getResponseTask(0)[0]);

по мануалам это тоже самое что vue.set

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

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

как раз в доке и написано про assign

https://vuejs.org/v2/guide/reactivity.html

https://vuejs.org/v2/guide/reactivity.html

Иногда нужно добавить несколько свойств в существующий объект, например, с помощью Object.assign() или _.extend(). Если так поступить, добавленные свойства не станут реактивными. Для решения этой задачи придётся создать новый объект, содержащий поля как оригинального объекта, так и объекта-примеси: // вместо Object.assign(this.someObject, { a: 1, b: 2 }) this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

Если так поступить, добавленные свойства не станут реактивными

Читайте внимательнее :)

Читайте внимательнее :)

гдеее ? написано что вместо Object.assign(this.someObject, надо this.someObject = Object.assign({}, this.someObject,

Уловил :) Попробуйте все же Vue.set)

Эм. А изначально this.record вообще в this.$data нет, верно?

set мне вообще не катит. там поля прилетают разные и много

Эм. А изначально this.record вообще в this.$data нет, верно?

есть. пустой {}

костыльно только инициализируется т.к. typescript ?

блин, фигня какая-то. при малейшем изменении компонента vue крашится webpack-dev-server --hot

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

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

Странно. А что за ошибки?

@Buzzzzer а что Vue DevTool показывает?

@Buzzzzer а что Vue DevTool показывает?

Ушел уже. Не посмотреть. Утром буду думать

У нас подобное было, когда мы ломали объект в дате. Возможно, другой кейс тут. В люьом случае без Vue Dev Tool живого врядли обойтись

Cannot read property 'content' of undefined

это класс на router-vew

<router-view class="content"/>

это класс на router-vew

эмм

Точно-точно?

Переименуйте класс)