Andrey
Глубже копни -- во вью только те директивы, которые хорошо смотрятся. Их исчезающее мало, а не на каждый чих.
меня пока радует что в отличии от ангуляра тут можно обойтись и вовсе без них. Либо использовать по минимуму
Michael
ну про настоящий html это перебор. Меня в свое время ангуляр 1й оттолкнул именно специфическими тегами и атрибутами, которые я также наблюдаю и во вью.
а специфических тегов во вью вообще практически нет. Вот с атрибутами интереснее, но они настолько простые, что прям пипец баланс.
Vladislav
И почему колонки называются row, а строки - column :D
Michael
меня пока радует что в отличии от ангуляра тут можно обойтись и вовсе без них. Либо использовать по минимуму
у меня сильное имхо, что vue -- это идеальный баланс между ангуларом и реактом.
Michael
то, чего так не хватало
Michael
я прям рад-рад
CherryTea
Вы как то запоздало
Oleksandr
Вы как то запоздало
)) да дайте человеку порадоваться
Michael
Ребят тут все в курсе же
Это вновь пришедшим с реакта сравнение
Andrey
Подскажите, кстати пример проекта где можно подсмотреть как красиво и правильно разделить роуты
Andrey
а то в доке слишком искуственные
Michael
Если кто не видел, появился нвоый сборщик парсель. Почему? А никто не знает. А vue по делу пришёл.))
CherryTea
Микробандл еще
CherryTea
Хотя это просто форк ролапа
Michael
там не то чтобы пример, но он делает это довольно круто. А вообще во вью-роутере обычно делается один объект и от него все пляшут. гуглить по vue-router. Кстати, это всё официальное.
Andrey
по vue-router - просто я смотрю получается все роуты в одном файле описываются, никак не разделясь?
Andrey
В основном да
эм.. а как же вложенные роуты? которые только для конкретного компонента? Их тоже выносить в глобальный?
Oleksandr
эм.. а как же вложенные роуты? которые только для конкретного компонента? Их тоже выносить в глобальный?
Вы описываете КАК система должна работать. В 1 месте. И да - чайлды ложатся родителя
Andrey
Хм... просто если у меня используется система доступ например по правам, файл роутера разростется до неимоверных размеров, если описывать для каждого beforeResolve. По-моему это как-то неправильно
Andrey
Хуки роутера в компонентах тоже есть, если ты об этом
Ну а все-таки, если в приложении сложная навигация и овер 9000+ страниц. Не хочеться все в одном файле описывать - просто баттерхеад получается какой-то
Andrey
Что мешает разнести это по нескольким файлам?
Вот именно про примеры такого разделения я и спрашивал
Oleksandr
Oleksandr
Как обычный js
Andrey
ясно, спс
Oleksandr
ясно, спс
Мне кажется это больше к структуре и архитектуре приложения в целом чем к vue
Andrey
Мне кажется это больше к структуре и архитектуре приложения в целом чем к vue
вот и хочеться понять на начальном этапе как строится архитектура приложений в vue. Правильная и удобная архитектура. Возможно ли на нем писать реально большие и сложные проекты, не будет ли потом проблем с рефакторингом и т.п. Для этого собственно тут вопросы и задаю). Пробую конечно на маленьком проекте, но чем черт не шутит, вдруг потом буду делать все на вью)
Andrey
Чем больше проект тем больше ответственность на архитекторе и меньше на фреймворке
Чтобы спроектировать что-то нормальное, сначала ндо изучить фреймверк и его возможности
Oleksandr
Swappable Dynamic Components in Vue.js ← Alligator.io https://alligator.io/vuejs/dynamic-components/
CherryTea
Чтобы спроектировать что-то нормальное, сначала ндо изучить фреймверк и его возможности
А потом всю экосистему и либы, набить пару шишек на проектах поменьше
CherryTea
Вообще я к тому написал что ейфория пройдет, вуе не волшебная таблетка
CherryTea
Тоже можно такого понаписывать
process.exit(‿|‿)
Все комменты прочитал, спасибо за мнение! В vue есть code splitting? Async component или аналог?
Alex
Все комменты прочитал, спасибо за мнение! В vue есть code splitting? Async component или аналог?
С вебпаком можно динамические импорты использовать. Про асинхронные компоненты тоже в документации подробно описано
process.exit(‿|‿)
Ну тогда надо пробовать) на след проекте)
Alex
Там пробовать нечего. Обычные импорты переписываются за пару секунд. И всё. Дальше просто работает)
Michael
just works)
Stanislav
Кроме этого, можно задать кучу опций типа отлова ошибок или компонента, который отрендерится, пока грузится асинхронный
Сергей
ребят как в methods можно сделать условия if
Vladimir
гы, делаешь функцию, которая по условиям будет выполнять другую функцию
Vladimir
иначе никак .
Vladimir
ребят как в methods можно сделать условия if
хотя есть еще вариант один, через тернарный оператор попробовать.
Serge
робяты подскажите: есть компонент с кастомным v-model="asyncdata", где значение "asyncdata", прилетает асинхронно с бэкэнда с запозданием. у этого компонента этот пропс asyncdata я прокидываю в data, чтоб он стал реактивным, но т.к. при маунте asyncdata еще пуст, то data ессно пустое. как это победить безкостыльно ?
Vladimir
watch на asyncdata
Serge
watch на asyncdata
Я так и сделал, но он срабатывает и на изменения из родителя. Придется еще огород с флагом городить, что костыль
Vladimir
Тогда я не понял вопроса .
Anton
А через computed свойство пробовали?
Serge
Тогда я не понял вопроса .
Ну этот вотч срабатывает на все изменения asyncdata которые эмитом потом идут в родителя и обратно через пропс срабатывает вотч
Vladimir
Это я понимаю
Anton
Давай код
Stanislav
+
Stanislav
Все должно работать
Serge
картинками если только. ща
Serge
Serge
Serge
это родитель. тута асинхронное получение с BE
Serge
Serge
вот тута data.values пустой, если не делать вотч
Anton
Vue.set
Anton
Вы объект переписываете
Anton
Обсервер там ломается
Anton
Вообщем, по коду все похоже именно на этот случай
Serge
Обсервер там ломается
я согласно мануалов делаю Object.assign({}, this.record, http.getResponseTask(0)[0]);
Serge
по мануалам это тоже самое что vue.set
Anton
Каких мануалов? Есть официальная доку, в которой разбирается похожая ситуация