👍🏿
Вообще шина - по сути голый компонент, которым присваивают emit и on, и так общаются между компонентами
Denys
yakimka
чем дальше в vue тем все интереснее =)
{"fname": “Darwin”,
Спасибо использую шину!
Denys
Denys
Это по сути тоже самое что использовать Одну шину
Denys
Только шиной является $root
zinge 🐌
this.$root.on(‘event’)
///
this.$root.emit(‘event’)
Я понял о чём ты. Потом кому-то приходит светлая идея что тут $root не нужен, но шины общей нет, просто возьмём с $parent, потом появляется компонент, но рушить и переписывать тоже не будем, поэтому используем $parent.$parent
Denys
В таком случае получается каша)
zinge 🐌
В таком случае получается каша)
Вот о ней я и предостерегаю, лучше шину или пропсы, или 100% верняк - vuex
Vlad
Alex
даже не представляю что это)
Vir
http://www.opennet.ru/opennews/art.shtml?num=47744
Vlad
Только шиной является $root
https://vuejs.org/v2/style-guide/#Implicit-parent-child-communication-use-with-caution
ThunderAL
сегодня решил попробовать вуй после реакта. попрос: где в вуе дочерние гомпоненты брать и как их отобразить
(что-то про 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
а надо бы просто вывалить все дочерние элементы в див
ThunderAL
ну и раз традиция:
1 у меня несколько проектов (веб и десктоп приложения)
2 могу хорошо управляться с java. с недавнего времени пришлось переорентироваться на веб теперь php7/node js react+redux
3 попробовал данный фреймворк в действии. появились вопросы — зашёл
4 россия
5 просто загуглил и нашёл на первой ссылке
Taras
<template>
<div> <slot></slot></div>
</template>
ThunderAL
v-for куда? в <slot>?
ThunderAL
ВСЁ. сори я тупой вопрос.
слот сам отдаёт все дочерние элементы. спасибо.
(и в правду "лёгкий реакт")
Vadim
вопрос.
data: {
bar: {}
},
Делаю вывод {{bar[1]}}.
Если зайти в консоль и изменить app.$data.bar['1'] = 321, то ничего не произойдет.
Но если изначально было
data: {
bar: {1: 100}
},
то все прекрасно меняется. Что не так?
yakimka
Tom
Стоп
Tom
Ты делаешь вывод цифрой а ложишь в свойство строкой?
Tom
Хотя это же объект )
yakimka
заучил как отче наш)
yakimka
У меня есть два компонента.
Дочерний компонент связан с родителем через v-model="selected"
В дочернем делаю this.$emit('select', data);
В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты,
собрать массив и отправить дальше по родителям.
Сейчас я делаю это через
watch: {
selected: function (value) {
//логика
this.$emit('update', myData);
}
}
Вопрос: это нормально? Или нужно это делать как-то по другому, а не через watch?
Alexander
Доброй ночи! А как вы решает проблему с og meta информацией? Чтобы соц сети (fb, tw, g+) видели их?
Alexander
ssr не получается прикрутить к готовому проекту, т.к. довольно много кода, который работает с document и windows
Alexander
pre-rendering как я понял используют только для страниц бе здинамического контента
Alexander
Интересно узнать опыт сообщества, как рашаете эту проблему
Alexander
@Serj
>>В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты,
собрать массив и отправить дальше по родителям.
<< По моему мнению тут отлично подходит Vuex
Anonymous
подскажите, как в дочернем компоненте я могу перебрать все слоты и вывести их в шаблоне?
Anonymous
Ребят подскажите как закрыть окно в электроне
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
})
Andrey
У меня есть два компонента.
Дочерний компонент связан с родителем через v-model="selected"
В дочернем делаю this.$emit('select', data);
В родителе данные получаю. Теперь, при получении этих данных мне нужно произвести некоторые расчеты,
собрать массив и отправить дальше по родителям.
Сейчас я делаю это через
watch: {
selected: function (value) {
//логика
this.$emit('update', myData);
}
}
Вопрос: это нормально? Или нужно это делать как-то по другому, а не через watch?
Имхо, лучше vuex заюзать. В своих проектах храню в нем те данные, которые используются более чем одним компонентом.
Andrey
Ребят подскажите как закрыть окно в электроне
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()?
Andrey
Закрывается сразу после открытия
Отлично. Значит юзай этот метод там, при вызове чего тебе надо инициализировать закрытие окна.
Denis
Народ, а кто-то делал свои компоненты форм с использованием vee-validate?
Denis
Проблема с валидацией чекбоксов. Когда делаю компонент, то у валидатора на нем сразу стоит valid
Denis
При этом если просто использовать чекбокс, а не компонент, то все нормально
Anonymous
Отлично. Значит юзай этот метод там, при вызове чего тебе надо инициализировать закрытие окна.
Еще такой вопрос, вот в теплейте создал метод
methods: {
print () {
app.print()
}
}
Как обратится к основному «app» который в main находится и вызвать у него метод
CherryTea
CherryTea
В компоненте мб?
CherryTea
CherryTea
Вообще валидацию на чекбокс это довольно странно звучит
CherryTea
Что в чекбоксе валидировать то
Denis
Дебажте компонент
Что его дебажить? ПРи инициализации валидатора в FieldBag содержатся данные по всем состояниям полей. Вот если чекбокс делать через компонент, там лежит valid: true сразу. Компонент сделан по аналогии с полями ввода
CherryTea
А как чекбокс может быть невалиден?
Denis
Вообще валидацию на чекбокс это довольно странно звучит
"Согласен на условия". И да, я знаю, что можно просто в модель кинуть поле и смотреть туда. Но если уж валидация к форме прикручена, то все должно быть единообразно
Denis
Не чекбокс должен быть валиден, а форма
Denis
А она валидна, в том числе, если выбран чекбокс
Emil
Еще такой вопрос, вот в теплейте создал метод
methods: {
print () {
app.print()
}
}
Как обратится к основному «app» который в main находится и вызвать у него метод
если я правильно понял вопрос, то через события https://ru.vuejs.org/v2/guide/components.html#Композиция-компонентов
Denis
И если я делаю его через компонент, то несмотря на 'required' он выдает valid даже если не выбран
Denis
А если его подергать туда-сюда, то все становится нормально. Просто уже не знаю, куда копать, думал, что кто-то сталкивался
CherryTea
И если я делаю его через компонент, то несмотря на 'required' он выдает valid даже если не выбран
Хз, надо смотреть что отвечает за valid у него, но в принципе это логично что он всегда валидный
Denis
Хз, надо смотреть что отвечает за valid у него, но в принципе это логично что он всегда валидный
Если он required, то он не должен быть валиден сразу. Самое странное, что при переключении у него valid меняется потом. ПРоблема именно в состоянии при инициализации
CherryTea
Если он required, то он не должен быть валиден сразу. Самое странное, что при переключении у него valid меняется потом. ПРоблема именно в состоянии при инициализации
Я понял в чем проблема, похоже что то не то с состоянием, может undefined вместо false изначально
CherryTea
Надо логировать и смотреть. Может валидация первый раз отрабатывает на событие changed у вас
CherryTea
Что логично для остальных полей
Denis
Надо логировать и смотреть. Может валидация первый раз отрабатывает на событие changed у вас
Она первый раз отрабатывает по сабмиту формы. Там проблема именно с состоянием поля при инициализации. В любом случае, даже если undefined, странно, что valid в true выставляется.
Ладно, еще поковыряюсь, спасибо
Anton
Кто-то про вывод слотов спрашивал - есть $slots для этого
Anton
Коллеги, а кто-нибудь работал с тестами компонентов через Jest?
Anton
Хотим внедрить и было бы отлично знать проблемы заранее
Sunlive
Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?
Rafael 🌵
Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?
https://vue-test-utils.vuejs.org/
Rafael 🌵
Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?
https://vue-test-utils.vuejs.org/ru/guides/common-tips.html
Rafael 🌵
Утро. кстати про тесты, есть мб у кого ресурс где доступно описано процесс тестирования? ну или кто учил тесты какие то есть советы?
http://slides.com/mattoconnell/deck#/
Rafael 🌵
Кто-то проверял, без использования babel es6 классы все равно будут поддерживать реактивность своих свойств?
Rafael 🌵
Rafael 🌵
вроде судя по коду - не должны
Александр
Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо).
Решил приобщиться к frontend-фреймворкам. Выпал выбор на Vue (в angular, как я понимаю, сильный порог вхождения, а в react мне мешанина html в js просто под дых дала, когда я это увидел).
Так вот. Какие есть хорошие курсы вообще? Знаю что документация на русском огонь. Но интересно было бы решать какие-то практические вещи по шагам, так как-то быстрее усваивается.
Нашел вот такой курс https://www.udemy.com/vuejs-2-the-complete-guide
Что про него можно сказать? Так как во vue я нубак. Возможно, что-то более толковое есть? Но опять же не нашел или плохо искал
Danila
Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо).
Решил приобщиться к frontend-фреймворкам. Выпал выбор на Vue (в angular, как я понимаю, сильный порог вхождения, а в react мне мешанина html в js просто под дых дала, когда я это увидел).
Так вот. Какие есть хорошие курсы вообще? Знаю что документация на русском огонь. Но интересно было бы решать какие-то практические вещи по шагам, так как-то быстрее усваивается.
Нашел вот такой курс https://www.udemy.com/vuejs-2-the-complete-guide
Что про него можно сказать? Так как во vue я нубак. Возможно, что-то более толковое есть? Но опять же не нашел или плохо искал
Есть пара гидов по конкретным запросам, типа, todo with vue, vue vuex tutorial, но, по-сути, вуе в начале настолько прост, что просто придумай себе задачу и реши её.
Danila
ИМХО
Александр
Просто я тот же курс смотрю. Там куча всего. Компоненты, миксины, фильтры, жизненный цикл.. Вот и думаю, что вроде народ говорит все просто - а копнешь глубже - и застрянешь. А в голове уже мешанина из неправильных понятий)
Sunlive
Всем привет. Думаю, вопрос тут звучал неоднократно. Но ничего внятного по поиску не нашел (или искал плохо).
Решил приобщиться к 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