тем что "best practices"

Кто сказал?

Ребят, кто можем кое что обьяснить

Может *

https://jsfiddle.net/FeelsGood/f5ho5fqn/1/

Зачем тут payload

Мне лень думать просто)

Строки: 24/25 где js

mounted вызывается после рендера в дом уже?

Ну как-бы, да)) Потому и хук называется mounted, когда тебе доступен this.$el, а значит компонент отрендерен и примонтирован

Мне лень думать просто)

Вот после этого вообще не хочется помогать

(((

Вот после этого вообще не хочется помогать

вообще охуели да. тут с докерами ебешься день целый а им думать лень

но я все починил. все работает)

)

дело было не вдокере однако. ? но это неважно)) докер все равно не очень

Надо было ставить Линукс

уже

набросал арч побыстрому и завел. но дело даже не в нем было..)

Блин я не был готов к такому ответу

Кто сказал?

Блин, ну как на такой вопрос дать однозначиный ответ. От большей части опытных разработчиков известно. Есть нюансы конечно (по части использования ssr) но в основном на фронте лучше использовать хук created для получения данных. Как-то Эван в каком-то из видосов говорил об этом, но пруфов не нарою, давно смотрел

Блин, ну как на такой вопрос дать однозначиный ответ. От большей части опытных разработчиков известно. Есть нюансы конечно (по части использования ssr) но в основном на фронте лучше использовать хук created для получения данных. Как-то Эван в каком-то из видосов говорил об этом, но пруфов не нарою, давно смотрел

Так а чем лучше та?

Есть тут те люди которым можно задать пару вопросов, что бы они на них ответили джуну?))

Есть тут те люди которым можно задать пару вопросов, что бы они на них ответили джуну?))

Ну, задавай

Так а чем лучше та?

Объективно? Ничем. Вот совершенно ничем. Ни прироста в скорости работы ни по другим метрикам выгоды абсолютно никакой! Просто практика показывает, что большинство фронтенд специалистов (с которыми мне довелось работать в том числе) советует created для этого. И как раз в этом есть смысл. Сначала получаем данные, потом рисуем и наблюдаем. На этапе mounted мы точно знаем что все данные у нас и можно спокойно ими манипулировать.

Ну, задавай

Первый вопрос: какую сборку ты используешь? vebpack или vebpack-simple?

Первый вопрос: какую сборку ты используешь? vebpack или vebpack-simple?

* webpack

vapeduck

* webpack

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

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

vue-router

Есть фиал App.vue, в который я бы хотел что бы подключались разные страницы, а не подгружались без перезагрузки. Как это сделать?

Есть фиал App.vue, в который я бы хотел что бы подключались разные страницы, а не подгружались без перезагрузки. Как это сделать?

Читать доку по vue-router

Такое чувство что я пересмотрел все уроки на ютубе но там нифига нету. Там только динамика. Вот и прошу помощи здесь(((

Объективно? Ничем. Вот совершенно ничем. Ни прироста в скорости работы ни по другим метрикам выгоды абсолютно никакой! Просто практика показывает, что большинство фронтенд специалистов (с которыми мне довелось работать в том числе) советует created для этого. И как раз в этом есть смысл. Сначала получаем данные, потом рисуем и наблюдаем. На этапе mounted мы точно знаем что все данные у нас и можно спокойно ими манипулировать.

Звучит так, будто ты думаешь, что Вью должен дождаться, пока ты доделаешь свои дела в хуках. Это так не работает. А данные ты получаешь асинхронно, так что в created их "не будет".

првт, подскажите, я Vue не знаю... вопрос в следующем, есть метатеги, они будут в сторе, и мне их надо положить в metaInfo но там this.$store не доступен, поэтому я делаю отак <script> const store = require('@/store/store.js').createStore() export default { name: 'pageIndex', metaInfo: { title: 'Title', meta: store.getters.socialMetaTags() } } </script>

и const store = require('@/store/store.js').createStore() получается надо во многих компонентах делать

Геттеры не надо вызывать как функции

Во вторых нифига так работать не будет

Звучит так, будто ты думаешь, что Вью должен дождаться, пока ты доделаешь свои дела в хуках. Это так не работает. А данные ты получаешь асинхронно, так что в created их "не будет".

Естественно все асинхронно. Я рассуждал с точки зрения логики разработчика, как он видит архитектуру компонента. Пришел запрос на создание - ок, тянем данные, идем дальше - mount - и т.д.... Конечно нет гарантии, что при маунте данные уже будут. Все же как по мне, монтирование нужно для манипуляции с дом-элементом компонента и только.

а как-то подругому или может глобальную константу объявить можно ?

Геттеры не надо вызывать как функции

А вдруг у него там функция?)

Во вторых нифига так работать не будет

ну во-первых так работает )

ну во-первых так работает )

Очень странно

А вдруг у него там функция?)

именно она там и есть ) и отдает массив )

Т.е. у тебя геттер в виде (state) => () => {...} ¿

А вдруг у него там функция?)

ну пока да

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

Т.е. у тебя геттер в виде (state) => () => {...} ¿

?

короче так или иначе это все через vuex пойдет

?

пока что да

Зочем

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

вот

короче так или иначе это все через vuex пойдет

и вот

мне же придется в стор обращаться

Ну а какой в этом смысл?

metaInfo: { title: 'Title', meta: store.getters.socialMetaTags() } чтобы я мог передать в мета массив, правильный массив данных с сервера

Мне немного неудобно писать с телефона, пипл объясните, почему так не надо делать

но в этом месте this.$store - недоступен

А он и не может быть доступен

Это не в рантайме делается, а при запуске только

И тем более реактивно не будет

это метатеги

для социалок

куча метатегов

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

а точнее с помощью Vuex, если я уже его использую ... ?

или какой другой вариант ?

Добрый вечер всем! А можете обьяснить не знающему человеку, а где обычно хранятся аватарки и другие статические файлы загружаемые пользователем используя связку отдельного API express и фронтенда vue?

я понимаю что пути для файлов можно хранить в базе, но сами файлы то где хрится должны? На фронтенде в assets или где нибудь на сервере(в рабочем проекте сервера)?

я понимаю что пути для файлов можно хранить в базе, но сами файлы то где хрится должны? На фронтенде в assets или где нибудь на сервере(в рабочем проекте сервера)?

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

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

я говорю не про физический сервер и бэкенд

по сути же и фронт на сервере хранится

а если я хочу попозже после фетча добавить данных?

.then со стрелочной?

в created

Мне немного неудобно писать с телефона, пипл объясните, почему так не надо делать

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

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

Опиши более детально чего ты хочешь добиться

Что бы пользоваться sass в сборке webpack, нужно скачивать sass-loader?

Что бы пользоваться sass в сборке webpack, нужно скачивать sass-loader?

да и node-sass

да и node-sass

А node-sass зачем?

А node-sass зачем?

а чем компиить сас?

sass-loader не компилит, он просто передает контент node-sass для компиляции, а тот в свою очерель компилит сасс в цсс, node-sass зависимость которую надо самому ставить

и вообще зачастую лоадеры это как провадер между вебпаком и какой нибудь либой

https://github.com/webpack-contrib/sass-loader/blob/master/lib/loader.js#L3 весь код лоадера меньше 100 строк вообще

@c01nd01r что за неделя в фронтенд мастерс?

чет на офф сайте нет ничего про это

а, все, нашел

https://frontendmasters.com/sale/trial/

@c01nd01r что за неделя в фронтенд мастерс?

Они там какую-то херь анонсировали и сделали бесплатную недельку

@c01nd01r что за неделя в фронтенд мастерс?

Ты там живой вообще? Сто лет тебя не было

у меня сессия была

так что все, я возвращаюсь потихонечку к привычной жизни

Сдал?

ога

но было потно

Красафчег

Опиши более детально чего ты хочешь добиться

ок, смотри: 1). Есть пакет который вставляет всякие метатеги и тд для Vue, чтобы он работал надо сделать отак и передать положить в meta: массив с определенными данными <script> export default { name: 'pageIndex', metaInfo: { title: 'Title', meta: [...тут данные с сервера...] } } </script> 2). Ну и соответственно в meta их надо получить по протоколу https через xmlHttpRequest или как у вас там его называют АЯКСОМ или axios похер короче, главное получить )

Красафчег

сяб

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