Поосторожнее с вотчерами, они херовые

чем они хреновы?

См ниже

я не совсем понял тебя, я решил так сделать, чтобы в родителе не городить разметку, и обернул модалку в свой компонент, который при created делает this.dialog = true

Ок, а этот вотчер где находится?

См ниже

поискал по упоминанию 'watch', посмотрел 20-30 результатов последних. не нашёл

Ок, а этот вотчер где находится?

в чайлде, идея такая, в родителе dialog: false, на чайлде <child v-if="dialog" />, потом в чайлде когда закрываю, меняю active = false, и если false то отправляю событие в родитель, в нем меняю dialog = false

Поправте меря если я не прав: вотчеры работают так: в небольшом интервале берётся значение из наблюдаемого объекта, и сохраненная предыдущая копия. Сравнение больших объектов по таймауту да ещё и рекурсивно не самая лучшая в плане производительности штука, но ИНОГДА подругому никак ( когда не подходит компьютед)

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

всему своё место, ага. в случаях с асинхронными вещами watch очень удобен

@Akiyamka спасибо

переписал на computed

в чайлде, идея такая, в родителе dialog: false, на чайлде <child v-if="dialog" />, потом в чайлде когда закрываю, меняю active = false, и если false то отправляю событие в родитель, в нем меняю dialog = false

вот такой способ уместен: https://vuex.vuejs.org/en/forms.html

в самом низу страницы. computed с get и set

только тебе вместо commit надо будет делать emit

а в get возвращать входящий prop из родителя

ага, так и сделал, и работает лучше

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

ага, ок

появилась анимация, тк теперь нет v-if

а можно же стикеры? да? а то я хз

Можно, главное не с Лениным

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

VScode не?

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

надо включить подсведку синтаксиса es6?

и плагин для vue из коробки идет поидее

ничего ставить не надо

Airat Zh, [12.09.17 12:07] и плагин для vue из коробки идет поидее наверное так в WebStorm, в PhpStorm он для незнакомых файлов автоматом предлагает установить соответсвующий плагин

надо включить подсведку синтаксиса es6? Включено

подскажите, как правильнее всего сделать навигацию через v-for, чтобы у каждого элемента меню была собственная ссылка, а не общая для всех?

Оказывается и в WebStorm это тоже не работает. Предлагают прописывать расширение https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000385944--vue-go-to-declaration-failed

подскажите, как правильнее всего сделать навигацию через v-for, чтобы у каждого элемента меню была собственная ссылка, а не общая для всех?

пусть items это массив объектов [{ text: 'item1', link: 'google.com' }, { text: 'item2', link: 'ya.ru' }]; и пробегаясь по нему с помощью v-for выводишь <a href="item.link">{{ item.text }}</a>

пусть items это массив объектов [{ text: 'item1', link: 'google.com' }, { text: 'item2', link: 'ya.ru' }]; и пробегаясь по нему с помощью v-for выводишь <a href="item.link">{{ item.text }}</a>

оу, все оказалось куда проще

спасибо

и еще вопрос есть, возможно ли переключать класс 'active' между элементами меню, не создавая для каждого пункта свою переменную в data?

Оказывается и в WebStorm это тоже не работает. Предлагают прописывать расширение https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000385944--vue-go-to-declaration-failed

какойтолол

Привет есть кто разбирается в eslint?

Привет есть кто разбирается в eslint?

Ты или пиши сразу вопрос, или читай документацию.

читал, но не понял какие надо написать правила чтобы сократить это {path: 'orders', name: 'Заказы', component: load('orders'), children: [ {path: ':id(\\d+)', name: 'Заказ', component: load('order')} ] }, вот в это {path: 'orders', name: 'Заказы', component: load('orders'), children: [ {path: ':id(\\d+)', name: 'Заказ', component: load('order')} ] },

удалились только переносы строк? если так, то линтер тут не нужен

нашел, извините, не удержался, надо было потратить еще 5 минут))

VScode не?

С vue он работает как то странно все плагины перепробовал в итоге забил на нормальный автокомплит и еммет

Igor, скачай все три последних плагина, они более - менее рабочии

Определяю сексуальную ориентацию по плагинам

и какая у меня в таком случае ?

Прекрасный человек

;)

плагины , как плагины, все необходимое, чтобы не наговнокодить ))

а шрифт какой?

обычный вскоде

согласен что ВСКоде с вуу както странно работает... только с бубном автокомплит заводится и то не всегда

vetur через раз работает

моя связка работает всегда, но vetur еще на ошибки показать мог ..

gruvbox пизже тема

имхо единственная нормальная на vscode

имхо единственная нормальная на vscode

Atom One Dark Нравится как смотрится

Atom One Dark Нравится как смотрится

она смотрится только на Atom

так же как и gruvbox на vscode

она смотрится только на Atom

Ну не знай, мне прям зашла, как никакая другая

на вкус и цвет

пасаны, подскажите как правильно сделать

у меня есть данные , они ввиде столбца, но верстать это надо в виде рядов

ща найду пример

вот

данные у меня в виде столбца, но верстать надо рядами

просто верстка?

данные через цикл прокидываются

в php можно было бы сделать мухлеж с </div><div>

Напиши

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

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

Там была речь о сборе статистики

Там была речь о сборе статистики

Вроде и про удаление тож

Нет

Очевидно, что нет

парни, подскажите такой момент, есть категории, в категориях есть разделы порядка 15шт в каждой. Как лучше реализовать, открыть/скрыть. Если сделать например, по дефолту 5шт разделов в каждой категории

Всем привет! Программирую чаще на ruby, имел дело с react, сейчас интересно изучить vue. Поэтому зашел в этот чат, чтобы быть в курсе событий)

Ребят, а подскажите кто чем пользуется для деплоя ваших проектов? Интересует не сборка проекта, а скорее CD. По факту хочу после сборки с раннера положить корректно файло в папку с релизом, поставить на новую папку симлинку, почистить старые релизы и иметь возможность откатиться. Когда-то пользовал всякое типа капистрано, рокетира и деплоера, но они по факту делают много больше, чем мне нужно и сами хотят быть таскраннерами. Конечно, всегда можно каких-то баш скриптов накидать и их во время CI дергать, но велосипедить не охота )

makefile

SFTP

concorce ci ?

а вот скажите, как отлаживать неработающий vue? у меня есть примерно такой код в проекте https://jsfiddle.net/hryamzik/x7ze06L5/ Примерно, потому что логика там немного сложнее, но идея та же. Пытался воспроизвести проблему в виддле, а она там работает. В пректе чекбоксы живут как надо, а вот кнопки не нажимаеются. Как дебажить, куда смотреть?

а вот скажите, как отлаживать неработающий vue? у меня есть примерно такой код в проекте https://jsfiddle.net/hryamzik/x7ze06L5/ Примерно, потому что логика там немного сложнее, но идея та же. Пытался воспроизвести проблему в виддле, а она там работает. В пректе чекбоксы живут как надо, а вот кнопки не нажимаеются. Как дебажить, куда смотреть?

vue devtools помогает немного

а так старый добрый debugger

там как-то пусто

обычная консоль и то полезнее, кмк

потому и сказал - немного )

он конечно раскрывается при работе с vuex

до vuex пока руки не дошли, даже не знаю, надо ли

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

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

Может делал кто сжатие картинок при билде проекта? Линканите код.. чет не врублюсь

а вот скажите, как отлаживать неработающий vue? у меня есть примерно такой код в проекте https://jsfiddle.net/hryamzik/x7ze06L5/ Примерно, потому что логика там немного сложнее, но идея та же. Пытался воспроизвести проблему в виддле, а она там работает. В пректе чекбоксы живут как надо, а вот кнопки не нажимаеются. Как дебажить, куда смотреть?

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

Вот по ссылке последние два ряда кнопок, первый "обнажает" чекбоксы, второй их скрывает. Работает одинаково, надо, конечно, скрыть, но пока кнопки не работают, чекбоксы торчат, чтобы можно было хоть как-то стейт менять

Вот по ссылке последние два ряда кнопок, первый "обнажает" чекбоксы, второй их скрывает. Работает одинаково, надо, конечно, скрыть, но пока кнопки не работают, чекбоксы торчат, чтобы можно было хоть как-то стейт менять

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