ed.t
ed.t
очень похоже на backbone)
ed.t
Можно ли пилить jsx render во вью? или это плохая практика
Vadim
Можно. Пили
ed.t
Есть какой-нибудь репо боллерплейт с бест практиками? Например помню во времена backbone мы <template id="todo-template" делали lazy load и прочие штуки
Rafael 🌵
Можно ли пилить jsx render во вью? или это плохая практика
Пока что считается практикой не очень
Rafael 🌵
Style Guide — Vue.js
https://vuejs.org/v2/style-guide/
🐏 Alexander
Можно ли пилить jsx render во вью? или это плохая практика
render более гибкий чем шаблон, его стоит использовать там где это необходимо, а jsx - это более красивая абстрация
...
devdocs.io/offline
🐏 Alexander
devdocs.io/offline
мне эта штука так и не зашла, все равно топаю на оф сайт и ищу там документацию
...
мне эта штука так и не зашла, все равно топаю на оф сайт и ищу там документацию
то есть? Ты скачал нужную документацию?
🐏 Alexander
аа, это офлайн, не вижу смысла офлайн
...
аа, это офлайн, не вижу смысла офлайн
Если у тебя интернет с собой везде, тогда верно, смысла в этом случае нет
Иван
не работает ссылка. видимо, какой-то нелегальный контент там)))
Думаю, он классифицируется как курительная смесь)
Lev
Как воткнуть scoped style в декларацию Vue.component() ? Не через .vue файл
...
не работает ссылка. видимо, какой-то нелегальный контент там)))
https://habrahabr.ru/post/211436/ - ничего нелегального
Alexandr
https://habrahabr.ru/post/211436/ - ничего нелегального
да шутил я так. но ссылка всё равно не работает. быть может, домен на заблокированном у нас IP
Evgheni
Как воткнуть scoped style в декларацию Vue.component() ? Не через .vue файл
скорее всего никак, потому что это фича vue-loader-а
...
да шутил я так. но ссылка всё равно не работает. быть может, домен на заблокированном у нас IP
не знаю. Там есть документация по vuejs 2 поэтому я кинул ссылку
Alexandr
благодарю! попробую через проксю
Denys
Ребята, есть вопрос по роутеру
Есть страница Profile, по роуту '/profile'
Хочу чтобы перед загрузкой этой страницы отправлялся запрос с данными профиля.
После чего мы передаем компоненту эти данные и он рендерит данные профиля
Anonymous
Vuex?
Anonymous
+ axios
Denys
Какой вьюкс? Аксиос это ajax, вопрос про роутер
Anonymous
Vuex store middleware
Anonymous
+
Denys
Я не использую в проекте вьюкс
Denys
И не собираюсь
Evgheni
Ребята, есть вопрос по роутеру
Есть страница Profile, по роуту '/profile'
Хочу чтобы перед загрузкой этой страницы отправлялся запрос с данными профиля.
После чего мы передаем компоненту эти данные и он рендерит данные профиля
https://router.vuejs.org/en/advanced/navigation-guards.html
Anonymous
Почему банально не сделать запрос в created()?
Anonymous
Почему банально не сделать запрос в created()?
Потому что, почитайте про циклы жизни компонента
Denys
Почему банально не сделать запрос в created()?
В маунтед обычно делают.
Не хочу дефолтные значения задавать для полей юзера
Anonymous
Каким образом аутентификация на беке происходит?
Anonymous
Oauth?
Evgheni
В маунтед обычно делают.
Не хочу дефолтные значения задавать для полей юзера
чувак, я тебе дал ссылку на доки, beforeRouteEnter хук тебе в помощь
Denys
чувак, я тебе дал ссылку на доки, beforeRouteEnter хук тебе в помощь
Я тоже хотел его использовать, но не понимаю как мне передавать данные компоненту если нет доступа к this
Anonymous
Приветствую всех!
Интересует сортировка, скрытие... ленты новостей по хэштегам.
Пожалуйста, подскажите лучшие практики и быть может готовые компоненты!
Anonymous
Вариантов много делай как тебе удобнее исходя из конструкции проекта
Evgheni
Я тоже хотел его использовать, но не понимаю как мне передавать данные компоненту если нет доступа к this
next(vm => {
// access to component instance via `vm`
})
Denys
next(vm => {
// access to component instance via `vm`
})
Можно ли еще подобное сделать в router props?
Evgheni
Можно ли еще подобное сделать в router props?
типа значения передавать в пропсы? не пробывал
Denys
Интересный подход, но сам тоже никогда такое не использовал
Evgheni
пробуй, потом расскажешь если так можно
Denys
export default Vue.extend({
components: { Header },
data: () => ({
user: null,
}),
async beforeRouteEnter(to, from, next) {
const { data: user } = await getProfile();
next(vm => (vm.user = user));
},
});
Такой подход вообще нормальный?
Evgheni
ну да, вполне
Lev
скорее всего никак, потому что это фича vue-loader-а
А как вообще воткнуть style в декларацию Vue.component()? )))
Evgheni
А как вообще воткнуть style в декларацию Vue.component()? )))
аналогичный ответ, думаю никак
Evgheni
Denys
{vm.user = user} , не те скобки
Там не важно, по сути. Просто с prettier с круглыми будет в одну строчку, а с фигурными в три
Evgheni
Stanislav
парни всем привет, есть чего посоветовать по гайдам на ютюбе? смотрел уроки какого-то блоггера, вообще не понял что к чему, во фронте кроме jquery ничего не использовал, заранее спасибо за ссылки)
Nikita 🦫
Nikita 🦫
если можешь в простой English
Edgar
А аналогичные но на русском существуют?)
Nikita 🦫
Не знаю, не искал
Art
Всем привет. Осваиваю Vue, есть вопрос. Если разрабатывать сайт на Vue как лучше организовать стуртуру страниц? Особенно если их много. Правильно ли я понимаю, что по сути - одна страница - это один компонетет. Т.е. если страниц на сайте, скажем 500, то в папке Commonents будет порядка 500 компонентов? Спасибо заранее
Eugene
Art
парни всем привет, есть чего посоветовать по гайдам на ютюбе? смотрел уроки какого-то блоггера, вообще не понял что к чему, во фронте кроме jquery ничего не использовал, заранее спасибо за ссылки)
https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa вот это очен очень классный материал
Eugene
компонент - не страница. даже input можно, а иногда и нужно выносить в отдельные компоненты
Eugene
Denys
Всем привет. Осваиваю Vue, есть вопрос. Если разрабатывать сайт на Vue как лучше организовать стуртуру страниц? Особенно если их много. Правильно ли я понимаю, что по сути - одна страница - это один компонетет. Т.е. если страниц на сайте, скажем 500, то в папке Commonents будет порядка 500 компонентов? Спасибо заранее
У меня на проекте страницы в отдельной папке views
Art
то компонент может быть и больше
не, то что больше понятно конечно. Я к тому что как раз меньше не получится. Ну допустим 150 страничек с разным текстом и картинками. Т.е. под каждую нужен будет компонент. И как лучше по структуре? Может разделить контент в отдельной папке?
Denys
не, то что больше понятно конечно. Я к тому что как раз меньше не получится. Ну допустим 150 страничек с разным текстом и картинками. Т.е. под каждую нужен будет компонент. И как лучше по структуре? Может разделить контент в отдельной папке?
Разные только текст и картинки? Почему тогда не грузить данные динамически?
Eugene
не, то что больше понятно конечно. Я к тому что как раз меньше не получится. Ну допустим 150 страничек с разным текстом и картинками. Т.е. под каждую нужен будет компонент. И как лучше по структуре? Может разделить контент в отдельной папке?
тоже неверно. например, могут быть 400 страниц однотипных. которые могут быть представлены 1 компонентой
Art
тоже неверно. например, могут быть 400 страниц однотипных. которые могут быть представлены 1 компонентой
Ну для этого серверная часть понадобится так? Бд и прочее
Eugene
данные можно и в json хранить. все очень индивидуально
Art
необязательно. зависит от задачи
О. Еще спрошу. Пример. Блог. Допустим добавляюется в день по странице. Допустим да - однообразно - текст и картинки. Но они естественно могут каждый раз быть абсолютно разными как по содержанию так и по размеру. Как быть в таком случае? В какую сторону посоветуете смотреть? В смысде способа вывода и хранения. Спасибо
Art
данные можно и в json хранить. все очень индивидуально
json идея нравится, но я не совсем понтимаю как можно обойтись без бекенда в данном случае
Mykhailo
генерация nuxt как spa
Roman
json идея нравится, но я не совсем понтимаю как можно обойтись без бекенда в данном случае
грузить из файла данные и все
Mykhailo
деплой на aws s3
Eugene
ну, лучше конечно бэк в этом случае. хотя бы самый простой
Eugene
firebase, например