Можно вместо шины и $root использовать. За всё сообщество не скажу

Видел где-то статейку, где топили за эту тему, но лучше это чем шина или нет..

Видел где-то статейку, где топили за эту тему, но лучше это чем шина или нет..

а шина как выглядит?

одинаково, но если станет много всего в руте эмиттится то не оч удобно отслеживать станет

вот так?

или скажите как это в документации называется)

вот так?

Да, где-то создаете и потом этот bus импортируете в обоих компонентах

а шина как выглядит?

Bus, в разделе про события поищи

Bus, в разделе про события поищи

??

Можно вместо шины и $root использовать. За всё сообщество не скажу

Да это ад. Ладно 2 компонента. Но если они разрастаются и начинается $parent.$parent и прочая ересь это пздц

??

Вообще шина - по сути голый компонент, которым присваивают emit и on, и так общаются между компонентами

чем дальше в vue тем все интереснее =)

Спасибо использую шину!

Да это ад. Ладно 2 компонента. Но если они разрастаются и начинается $parent.$parent и прочая ересь это пздц

Причем тут $parent?

Спасибо использую шину!

Много нервов сбережёшь в итоге.

Причем тут $parent?

А хз откуда они потом лезут.

А хз откуда они потом лезут.

this.$root.on(‘event’) /// this.$root.emit(‘event’)

Это по сути тоже самое что использовать Одну шину

Только шиной является $root

this.$root.on(‘event’) /// this.$root.emit(‘event’)

Я понял о чём ты. Потом кому-то приходит светлая идея что тут $root не нужен, но шины общей нет, просто возьмём с $parent, потом появляется компонент, но рушить и переписывать тоже не будем, поэтому используем $parent.$parent

В таком случае получается каша)

В таком случае получается каша)

Вот о ней я и предостерегаю, лучше шину или пропсы, или 100% верняк - vuex

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

Ооо!!!))) Страховщика пересмотрел)))

даже не представляю что это)

http://www.opennet.ru/opennews/art.shtml?num=47744

Только шиной является $root

https://vuejs.org/v2/style-guide/#Implicit-parent-child-communication-use-with-caution

сегодня решил попробовать вуй после реакта. попрос: где в вуе дочерние гомпоненты брать и как их отобразить (что-то про this.$slots нашёл, но отобразить нормально не получилось) <component> <item></item> <h2>text</h2> </component> MyComponent.vue <template lang="pug"> div div.menu menu div(v-for="slot in this.$slots.default") {{ slot }} </template> TypeError: Converting circular structure to JSON а надо бы просто вывалить все дочерние элементы в див

ну и раз традиция: 1 у меня несколько проектов (веб и десктоп приложения) 2 могу хорошо управляться с java. с недавнего времени пришлось переорентироваться на веб теперь php7/node js react+redux 3 попробовал данный фреймворк в действии. появились вопросы — зашёл 4 россия 5 просто загуглил и нашёл на первой ссылке

<template> <div> <slot></slot></div> </template>

v-for куда? в <slot>?

ВСЁ. сори я тупой вопрос. слот сам отдаёт все дочерние элементы. спасибо. (и в правду "лёгкий реакт")

вопрос. data: { bar: {} }, Делаю вывод {{bar[1]}}. Если зайти в консоль и изменить app.$data.bar['1'] = 321, то ничего не произойдет. Но если изначально было data: { bar: {1: 100} }, то все прекрасно меняется. Что не так?

вопрос. data: { bar: {} }, Делаю вывод {{bar[1]}}. Если зайти в консоль и изменить app.$data.bar['1'] = 321, то ничего не произойдет. Но если изначально было data: { bar: {1: 100} }, то все прекрасно меняется. Что не так?

https://ru.vuejs.org/v2/api/#Vue-set

Стоп

Ты делаешь вывод цифрой а ложишь в свойство строкой?

https://ru.vuejs.org/v2/api/#Vue-set

Спасибо! Я – дурак.

Спасибо! Я – дурак.

сам уже дважды на эти грабли наступил)

Хотя это же объект )

заучил как отче наш)

У меня есть два компонента. Дочерний компонент связан с родителем через v-model="selected" В дочернем делаю this.$emit('select', data); В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты, собрать массив и отправить дальше по родителям. Сейчас я делаю это через watch: { selected: function (value) { //логика this.$emit('update', myData); } } Вопрос: это нормально? Или нужно это делать как-то по другому, а не через watch?

Доброй ночи! А как вы решает проблему с og meta информацией? Чтобы соц сети (fb, tw, g+) видели их?

ssr не получается прикрутить к готовому проекту, т.к. довольно много кода, который работает с document и windows

pre-rendering как я понял используют только для страниц бе здинамического контента

Интересно узнать опыт сообщества, как рашаете эту проблему

@Serj >>В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты, собрать массив и отправить дальше по родителям. << По моему мнению тут отлично подходит Vuex

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

Ребят подскажите как закрыть окно в электроне let win = new BrowserWindow({width: 800, height: 600}) win.loadURL('C:\\log.txt') win.webContents.on('did-finish-load', () => { // Use default printing options win.webContents.print({silent: true, printBackground: true}, () => win.hide()) win = null })

У меня есть два компонента. Дочерний компонент связан с родителем через v-model="selected" В дочернем делаю this.$emit('select', data); В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты, собрать массив и отправить дальше по родителям. Сейчас я делаю это через watch: { selected: function (value) { //логика this.$emit('update', myData); } } Вопрос: это нормально? Или нужно это делать как-то по другому, а не через watch?

Имхо, лучше vuex заюзать. В своих проектах храню в нем те данные, которые используются более чем одним компонентом.

Ребят подскажите как закрыть окно в электроне let win = new BrowserWindow({width: 800, height: 600}) win.loadURL('C:\\log.txt') win.webContents.on('did-finish-load', () => { // Use default printing options win.webContents.print({silent: true, printBackground: true}, () => win.hide()) win = null })

Могу ошибаться, а ты пробовал вызвать метод close()?

Могу ошибаться, а ты пробовал вызвать метод close()?

Закрывается сразу после открытия

Закрывается сразу после открытия

Отлично. Значит юзай этот метод там, при вызове чего тебе надо инициализировать закрытие окна.

Народ, а кто-то делал свои компоненты форм с использованием vee-validate?

Проблема с валидацией чекбоксов. Когда делаю компонент, то у валидатора на нем сразу стоит valid

При этом если просто использовать чекбокс, а не компонент, то все нормально

Отлично. Значит юзай этот метод там, при вызове чего тебе надо инициализировать закрытие окна.

Еще такой вопрос, вот в теплейте создал метод methods: { print () { app.print() } } Как обратится к основному «app» который в main находится и вызвать у него метод

Еще такой вопрос, вот в теплейте создал метод methods: { print () { app.print() } } Как обратится к основному «app» который в main находится и вызвать у него метод

В темплейте метод, чито?

В компоненте мб?

При этом если просто использовать чекбокс, а не компонент, то все нормально

Дебажте компонент

Вообще валидацию на чекбокс это довольно странно звучит

Что в чекбоксе валидировать то

Дебажте компонент

Что его дебажить? ПРи инициализации валидатора в FieldBag содержатся данные по всем состояниям полей. Вот если чекбокс делать через компонент, там лежит valid: true сразу. Компонент сделан по аналогии с полями ввода

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

Вообще валидацию на чекбокс это довольно странно звучит

"Согласен на условия". И да, я знаю, что можно просто в модель кинуть поле и смотреть туда. Но если уж валидация к форме прикручена, то все должно быть единообразно

ERROR: S client not available

Не чекбокс должен быть валиден, а форма

А она валидна, в том числе, если выбран чекбокс

Еще такой вопрос, вот в теплейте создал метод methods: { print () { app.print() } } Как обратится к основному «app» который в main находится и вызвать у него метод

если я правильно понял вопрос, то через события https://ru.vuejs.org/v2/guide/components.html#Композиция-компонентов

И если я делаю его через компонент, то несмотря на 'required' он выдает valid даже если не выбран

А если его подергать туда-сюда, то все становится нормально. Просто уже не знаю, куда копать, думал, что кто-то сталкивался

И если я делаю его через компонент, то несмотря на 'required' он выдает valid даже если не выбран

Хз, надо смотреть что отвечает за valid у него, но в принципе это логично что он всегда валидный

Хз, надо смотреть что отвечает за valid у него, но в принципе это логично что он всегда валидный

Если он required, то он не должен быть валиден сразу. Самое странное, что при переключении у него valid меняется потом. ПРоблема именно в состоянии при инициализации

Если он required, то он не должен быть валиден сразу. Самое странное, что при переключении у него valid меняется потом. ПРоблема именно в состоянии при инициализации

Я понял в чем проблема, похоже что то не то с состоянием, может undefined вместо false изначально

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

Что логично для остальных полей

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

Она первый раз отрабатывает по сабмиту формы. Там проблема именно с состоянием поля при инициализации. В любом случае, даже если undefined, странно, что valid в true выставляется. Ладно, еще поковыряюсь, спасибо

Кто-то про вывод слотов спрашивал - есть $slots для этого

Коллеги, а кто-нибудь работал с тестами компонентов через Jest?

Хотим внедрить и было бы отлично знать проблемы заранее

Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?

Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?

https://vue-test-utils.vuejs.org/

https://vue-test-utils.vuejs.org/

спасибо

Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?

https://vue-test-utils.vuejs.org/ru/guides/common-tips.html

Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?

http://slides.com/mattoconnell/deck#/

Кто-то проверял, без использования babel es6 классы все равно будут поддерживать реактивность своих свойств?

Кто-то проверял, без использования babel es6 классы все равно будут поддерживать реактивность своих свойств?

@c01nd01r

вроде судя по коду - не должны

Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо). Решил приобщиться к frontend-фреймворкам. Выпал выбор на Vue (в angular, как я понимаю, сильный порог вхождения, а в react мне мешанина html в js просто под дых дала, когда я это увидел). Так вот. Какие есть хорошие курсы вообще? Знаю что документация на русском огонь. Но интересно было бы решать какие-то практические вещи по шагам, так как-то быстрее усваивается. Нашел вот такой курс https://www.udemy.com/vuejs-2-the-complete-guide Что про него можно сказать? Так как во vue я нубак. Возможно, что-то более толковое есть? Но опять же не нашел или плохо искал

Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо). Решил приобщиться к frontend-фреймворкам. Выпал выбор на Vue (в angular, как я понимаю, сильный порог вхождения, а в react мне мешанина html в js просто под дых дала, когда я это увидел). Так вот. Какие есть хорошие курсы вообще? Знаю что документация на русском огонь. Но интересно было бы решать какие-то практические вещи по шагам, так как-то быстрее усваивается. Нашел вот такой курс https://www.udemy.com/vuejs-2-the-complete-guide Что про него можно сказать? Так как во vue я нубак. Возможно, что-то более толковое есть? Но опять же не нашел или плохо искал

Есть пара гидов по конкретным запросам, типа, todo with vue, vue vuex tutorial, но, по-сути, вуе в начале настолько прост, что просто придумай себе задачу и реши её.

ИМХО

Просто я тот же курс смотрю. Там куча всего. Компоненты, миксины, фильтры, жизненный цикл.. Вот и думаю, что вроде народ говорит все просто - а копнешь глубже - и застрянешь. А в голове уже мешанина из неправильных понятий)

Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо). Решил приобщиться к frontend-фреймворкам. Выпал выбор на Vue (в angular, как я понимаю, сильный порог вхождения, а в react мне мешанина html в js просто под дых дала, когда я это увидел). Так вот. Какие есть хорошие курсы вообще? Знаю что документация на русском огонь. Но интересно было бы решать какие-то практические вещи по шагам, так как-то быстрее усваивается. Нашел вот такой курс https://www.udemy.com/vuejs-2-the-complete-guide Что про него можно сказать? Так как во vue я нубак. Возможно, что-то более толковое есть? Но опять же не нашел или плохо искал

https://www.youtube.com/watch?v=nyJSd6V2DRI&list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07 https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa

я это смотрел

По поводу курсов. На ютубе в своё время смотрел канал точка.дев. Мне очень понравился

Sunlive, спасибо большое за ссылки! Особенно вторая понравилась, уроков побольше. А на счет точка.дев да, я смотрел. Но там про первой вьюхе, поэтому не подходит( В любом случае спасибо за советы!

это только вью, там еще вьюкс