А мы обсуждаем как "костыль" правильнее прикостылить. О как. Дожились блин.

спорить хорошо - когда оба хотят истину узнать,а не навязвать свое мнение)

Пересмотрел свои сообщения, действительно неоднозначно звучало в контексте навязывания мнения. Каюсь. ? ?

Пересмотрел свои сообщения, действительно неоднозначно звучало в контексте навязывания мнения. Каюсь. ? ?

have fun) ?

Народ, есть плагин tooltip Я хочу простой тест (vue-test-utils), чтобы убедится что он рендерится в моем компоненте. <Button badge="primary" v-tooltip="{ content: 'Tooltip content here', show: true, trigger: 'manual', }">Button Badge-primary</Button> Как это оттестить? Если wrapper становится компонентом, а тултиg рендерится в body https://github.com/Akryum/v-tooltip

Трансляция с 4 митапа по Vue в Киеве

https://www.youtube.com/watch?v=EtMzasz0Oyw&feature=youtu.be

Трансляция с 4 митапа по Vue в Киеве

а оттестировать то, что я спросил - реально?)

А с Питера были видео уже?

А с Питера были видео уже?

Я не видел

на holyjs идёт кто?

frontendconf тоько

на holyjs идёт кто?

Чет дорого

меня с работы второй год отправляют

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

Ребзя, какие вы знаете аналоги storybook ?

Спасибо!

Ребзя, какие вы знаете аналоги storybook ?

Vue-styleguidist или как-то так

vue-styleguidist/vue-styleguidist: Created from react styleguidist for Vue Components with a living style guide https://github.com/vue-styleguidist/vue-styleguidist

@Fl0pZz примерно с того момента как это спрашивал (месяц назад) юзаем в проекте styleguidist

@Fl0pZz примерно с того момента как это спрашивал (месяц назад) юзаем в проекте styleguidist

Я тоже у себя хотел доки на нем писать - но в итоге решили их вообще не писать

Я тоже у себя хотел доки на нем писать - но в итоге решили их вообще не писать

не, мы пока что запарились (надеюсь меня не выгонят из компании из-за этого))) ) и пишем доки на каждый компонент

не, мы пока что запарились (надеюсь меня не выгонят из компании из-за этого))) ) и пишем доки на каждый компонент

Я тоже так хотел бы, но у меня слишком большой беклог

может я чего-то не знаю в вью, но ты не забыл props объявить?

может я чего-то не знаю в вью, но ты не забыл props объявить?

о точно, спасибо!

о точно, спасибо!

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

vue-styleguidist :)

только, учти, он jsdoc в обычных файлах не понимает

надо отдельно генерить, но все генераторы каличные

или руками описывать в markdown

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

Тестируем только сложную не очевидную логику

По возможности выносим такие вещи в чистые функции

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

Я интегрирование и рефакторинг частично по TDD делаю

Очень много стадий с проверками

v-model="message" на всех клиентах развернётся в :value="message" @input="message = $event.target.value" я прав?

v-model="message" на всех клиентах развернётся в :value="message" @input="message = $event.target.value" я прав?

v-model намного сложнее. Если ты его применишь на check box, то это будет @change и checked

понятно. мне сейчас интересно только type=text|password|email так норм?

v-model="message" на всех клиентах развернётся в :value="message" @input="message = $event.target.value" я прав?

И ещё там на текстовых input-ах хитрая обработка китайских символов, которые набираються не в одно нажатие кнопки

понятно. мне сейчас интересно только type=text|password|email так норм?

Иначе да, именно так и разворачивается

хорошо. у меня есть контрол инпута, который я помтоянно копипасчу. в нём реализуется vee-validate, <input>, :name=someName как это сделать с меньшей кровью, если я хочу this.$validator.validateAll() в родительском компоненте и хорошо жить при этом?

tldr как вывести кастомный инпут с vee-validate в отдельный компонент

Не работал с vee-validate. Делал такое с vuelidate, но по итогам модифицировал проп :D но тот проп документирован и очевидно что он для валидации и модификации

не, фокус в том, что я хочу допилить более менее гибкий контрол с лейблом, name параметром и бутстрапом

ибо эта байда из 5-10 строк не особо читаема и переносима

есть идеи как запаковать input в компонент и не потерять v-model?

на него повесить @change="$emit('input', this.input)"

есть идеи как запаковать input в компонент и не потерять v-model?

Тебе нужно на компонент v-model повесить?

ага. и ещё связать это деол как-то с vee-validate

что-то такое получается

https://ru.vuejs.org/v2/guide/components-custom-events.html#%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-v-model-%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0

благодарю

И зачем вотчить дату, когда на событие ввода можно повесить метод, в котором присваивать значение в локальную дату и потом эмитить

на @change ставим эммит, на value ставим проп?

@change="data => $emit('change', data)" так работать будет?

или надо методом выделять

<input @input="onInput"/> <script> methods: { onInput(event) { const value = event.target.value; this.value = value; // запихиваем в локальную дату this.$emit('input', value) } } </script>

@change="data => $emit('change', data)" так работать будет?

Не надо писать такое в шаблонах. Выноси в JS

Шаблоны тупыми должны быть

получилось так. есть замечания?

А нафига async/await ?

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

:value пропустил

там промис что ли? ?

ага. validateAll отдаёт промис

props: { rules: { default: '', type: [String, Array, Object], }, }, так тип можно задавать?

можно

кто юзает vs code&

?

спасибо. и последний вопрос. как детектить такое :append.icon="fa fa-chack" и :append="text"

спасибо. и последний вопрос. как детектить такое :append.icon="fa fa-chack" и :append="text"

Это что?

как в vs code настроить автодополнение в импортах?

нуууу как с @click.prevent="action" как детектить то, что после точки

нуууу как с @click.prevent="action" как детектить то, что после точки

Понятней не стало

нуууу как с @click.prevent="action" как детектить то, что после точки

Это модификаторы. Читай доки

спс

как в vs code настроить автодополнение в импортах?

npm intellisense?

привет всем! vuejs рулит. У меня есть один вопрос, как насчет "тем", допустим я хочу отедльно для компонента вынести в "визуальныую тему" html + css. Я понимаю, что это фактически весь компонент, но всетаки вопрос остается, как быть с визуальными темами, возможно это реализовать на vuejs

привет всем! vuejs рулит. У меня есть один вопрос, как насчет "тем", допустим я хочу отедльно для компонента вынести в "визуальныую тему" html + css. Я понимаю, что это фактически весь компонент, но всетаки вопрос остается, как быть с визуальными темами, возможно это реализовать на vuejs

Что такое "визуальная тема" ? Разметка и стили?

Что такое "визуальная тема" ? Разметка и стили?

Да.

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

npm intellisense?

походу он. но не пойму что именно нужно переключить

походу он. но не пойму что именно нужно переключить

хз, не юзаю

хз, не юзаю

таки нашел. благодарю

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

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

Может быть это поможет https://github.com/zephraph/vue-theme-loader (но это не точно)

Может быть это поможет https://github.com/zephraph/vue-theme-loader (но это не точно)

гляну, спасибо

Хотя, знаете. прописывать темы в одном файле? риали

в чем смысл то тогда

в теге src никто не отменял