https://www.npmjs.com/package/create-vue-app

А чем он лучше vue-cli?

у всех работает хот релоад?

в vue-cli

да

А чем он лучше vue-cli?

Не знаю, но вопрос не в этом

Вопрос как развернуть всю эту красоту на прод

Этот пакет использует serve для отдачи запросов

И хоть убей не могу нормально заставить работать в паре с nginx

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", это же норм конф вроде?

webpack.dev.conf.js -> hot: true

или потому-что при установке выбрал версию с компилятором?

или потому-что при установке выбрал версию с компилятором?

нет. проверил в другом проекте

блин из-за чего может быть? ни с того ни с сего

Господа, подскажите. Могу ли я использовать на фронте сторонние компоненты не заморачиваясь с npm? Дело в том, что у меня не одностраничник, собирать js с помощью webpack для каждой страницы вообще не вариант. А использовать сторонние компоненты хочется. Это возможно?

Господа, подскажите. Могу ли я использовать на фронте сторонние компоненты не заморачиваясь с npm? Дело в том, что у меня не одностраничник, собирать js с помощью webpack для каждой страницы вообще не вариант. А использовать сторонние компоненты хочется. Это возможно?

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

как это понять?

как это понять?

Зайти в репозиторий компонента и посмотреть сбилженные файлы

ок, сенкс

блин из-за чего может быть? ни с того ни с сего

нашел решение для пользователей линукса https://github.com/vuejs-templates/webpack/issues/1054#issuecomment-344747332

ребят, есть кусок кода data() { return { activePlayer: "O", gameStatus: "turn", gameStatusMessage: `${this.activePlayer}'s turn`, но жалуется, что this.activePlayer is undefined

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

ребят, есть кусок кода data() { return { activePlayer: "O", gameStatus: "turn", gameStatusMessage: `${this.activePlayer}'s turn`, но жалуется, что this.activePlayer is undefined

gameStatusMessage сделай компутед

Ребятушки, немношк не по теме, есть сайт https://refactoring.guru/ru/refactoring про рефакторинг и паттерны, а вам не попадался подобный про оптимизации и производительность?

Ребятушки, немношк не по теме, есть сайт https://refactoring.guru/ru/refactoring про рефакторинг и паттерны, а вам не попадался подобный про оптимизации и производительность?

??

схоронил

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

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

Ребятушки, немношк не по теме, есть сайт https://refactoring.guru/ru/refactoring про рефакторинг и паттерны, а вам не попадался подобный про оптимизации и производительность?

несколько лет не посещал этот сайт, он подрос, круто)

gameStatusMessage сделай компутед

но теперь жалуется, что Computed property "gameStatusMessage" was assigned to but it has no setter.

но теперь жалуется, что Computed property "gameStatusMessage" was assigned to but it has no setter.

значит ты в него писать пытаешься. Скорее всего через v-model

но теперь жалуется, что Computed property "gameStatusMessage" was assigned to but it has no setter.

меня опередили

значит ты в него писать пытаешься. Скорее всего через v-model

не через v-model. у меня при определенном условии он меняется

if (this.gameStatus === "draw") { this.gameStatusMessage = "Draw !"; ....

if (this.gameStatus === "draw") { this.gameStatusMessage = "Draw !"; ....

блин, ну так поэтому и ругается

как быть теперь?

писать сеттер или переделывать без компутед

как сделать без компутед? объявлять в mounted?

Можно ли как-то через vue-router сделать переход по ссылке с перезагрузкой страницы? (т.е. сэмулировать переход по обычной ссылке)

Можно ли как-то через vue-router сделать переход по ссылке с перезагрузкой страницы? (т.е. сэмулировать переход по обычной ссылке)

заменить на a href="" самый простой вариант. или попробуй @click.native и window.location.reload(), может быть через сеттаймаут или даже через роутеровский хук

как сделать без компутед? объявлять в mounted?

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

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

https://umaar.com/dev-tips/ вот это смотрели?

Где то еще помню курс был целый

От Гугла

Где то еще помню курс был целый

Вот курс от того же автора https://moderndevtools.com

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

Вот еще https://developers.google.com/web/shows/udacity/

Спасиб большое )

Всем привет, какое api лучше использовать для парсинга списка альбомов, треков определенного исполнителя? Кто то использовал yandex.music api или еще какое-то

У спотифай есть еще

Всем привет, какое api лучше использовать для парсинга списка альбомов, треков определенного исполнителя? Кто то использовал yandex.music api или еще какое-то

У яндекса для музыки есть публичное апи?

Вроде нет

Я находил только неофициальное

У яндекса для музыки есть публичное апи?

+ к вопросу. Что то мне подсказывает что неть =(

https://github.com/itsmepetrov/yandex-music-api

ебаные тесты не запускаются из коробки в новом кли, как же горит unexpected token import в одной из либ

откатись)

народ а есть ли уже компонент для vue для нормальной кастовизации скролинга ? напирмаер на базе baron

как можно использовать css variables внутри стайл тега в vue файлах? файл с переменными подключается через вебпаковский sass-resources-loader. scss переменные работают таким образом, а нативные не хотят.

оО

скажи плиз пример где тебе не хватает JS и ты пользуешься переменными css?

как можно использовать css variables внутри стайл тега в vue файлах? файл с переменными подключается через вебпаковский sass-resources-loader. scss переменные работают таким образом, а нативные не хотят.

А точно css переменные работают? Это же обычный css

если обьявить переменные прямо в vue файле, то работают, а импортированные нет

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

если что vue вообще не знаю, пришел с реакта

ERROR: S client not available

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

Вообще, это странно. А можешь показать, как ты css переменные биндишь?

если что vue вообще не знаю, пришел с реакта

https://ru.vuejs.org/v2/guide/class-and-style.html#%D0%A1%D0%B2%D1%8F%D0%B7%D1%8B%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-inline-%D1%81%D1%82%D0%B8%D0%BB%D0%B5%D0%B9

что-то вроде этого _variables.scss :root { --test-color: #f9f7f7; } vue <style lang="scss" scoped> .test { background-color: var(--test-color); } </style>

спасибо, почитаю

что-то вроде этого _variables.scss :root { --test-color: #f9f7f7; } vue <style lang="scss" scoped> .test { background-color: var(--test-color); } </style>

А где тут связь с вебсокетами?

ахах)

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

коммент порадовал)

А во вью вообще можно вот так стили затаскивать в компонент?

да

Подскажите, пожалуйста. По чуть-чуть вникаю во Vue. У меня есть объект в дата: branch: { city: { name: "New York", state: { name: "New York", } } , т.е., Branch - отделение, City: город в котором находится отделение, а State - штат в котором находится город. В форме вывожу так: <input v-model="branch.city.name"/> Все отлично выводится, теперь я хочу отслеживать изменения этого поля, чтобы если юзер начал туда вводить, например, Houston, то у меня сработала функция, сходила по API, вытянула все города Houston и показала в выпадайке, юзер кликнул и нужная пара city/state положилась в свойство city объекта branch. Затык вот в чем: как мне отслеживать изменение только этого поля? Можно ли это как-то сделать без создания дополнительных полей в объекте дата, а просто напрямую работать с branch.city, отслеживать и редактировать сразу данное свойство и объект внутри него?

да

спасибо!

Подскажите, пожалуйста. По чуть-чуть вникаю во Vue. У меня есть объект в дата: branch: { city: { name: "New York", state: { name: "New York", } } , т.е., Branch - отделение, City: город в котором находится отделение, а State - штат в котором находится город. В форме вывожу так: <input v-model="branch.city.name"/> Все отлично выводится, теперь я хочу отслеживать изменения этого поля, чтобы если юзер начал туда вводить, например, Houston, то у меня сработала функция, сходила по API, вытянула все города Houston и показала в выпадайке, юзер кликнул и нужная пара city/state положилась в свойство city объекта branch. Затык вот в чем: как мне отслеживать изменение только этого поля? Можно ли это как-то сделать без создания дополнительных полей в объекте дата, а просто напрямую работать с branch.city, отслеживать и редактировать сразу данное свойство и объект внутри него?

watch?

watch?

допустим я делаю watch: { cityChange: function(old,new) {...}}, тогда мне нужно в инпут прописать v-model="cityChange", и тогда туда не будет подгружаться название города.

Если я не ошибаюсь, можно вотчить вложенные свойства watch: { ‘Branch.city.name’: (newval, oldval) {}

Если я не ошибаюсь, можно вотчить вложенные свойства watch: { ‘Branch.city.name’: (newval, oldval) {}

О, работает, кажется то что нужно)) спасибо!

22.03.2018 - Пройдет первый московский Vue.js митап https://www.meetup.com/vue-js-moscow/ Регистрируйтесь и следите за анонсами.

Всем добрый день, есть такой вопрос пытаюсь делать проверку на ключ в обекте, но при попытке написать такое: data(){ return { postAllImg: {}, } }, mounted(){ this.postAllImg = 'images' in this.post.attachments ? this.post.attachments.images : ''; }, Выдает ошибку при загрузке Cannot use 'in' operator to search for 'images' in undefined Я так понимаю что он просто не успевает отрендариться до момента вызова, только не могу понять куда ее надо писать что бы все проходило без ошибки created() так же выдает такую ошибку, куда копать уже не знаю

22.03.2018 - Пройдет первый московский Vue.js митап https://www.meetup.com/vue-js-moscow/ Регистрируйтесь и следите за анонсами.

@DenisIzmaylov Денис, запинешь?

Налетай! Торопись! :)

Уже!

Спасибо! :)

22.03.2018 - Пройдет первый московский Vue.js митап https://www.meetup.com/vue-js-moscow/ Регистрируйтесь и следите за анонсами.

трансляцию/записи собираетесь делать?

Кстати. У нас один слот освободился. Есть желающие?

Спасибо! :)

А на сколько рассчитываете людей?

Кстати. У нас один слот освободился. Есть желающие?

Слот для чего?

Кстати. У нас один слот освободился. Есть желающие?

До какого можно заявки то оставлять?

Ждем в Питере

Докладчик один не сможет выступить