за пинту ириш эля

эх( вот так всегда ))

а можно пример?)

https://vuejs.org/v2/guide/render-function.html

https://github.com/vuejs/babel-plugin-transform-vue-jsx

утро вечера мудренее

где у меня ерунда написана? Обычный пример хока

ерунда какая-то. Есть же просто функциональные компоненты, а можно вообще присобачить жсх на ремне (реализацию Юси) и сделать функцию как в реакте, если очень хочицамана

Проще взять уже реакт

https://alligator.io/vuejs/functional-components/

https://alligator.io/vuejs/functional-components/

и че?

где у меня ерунда написана? Обычный пример хока

а я как раз о совсем функц не хоке

я хочу обойтись совсем без файлов .vue

чтобы не было зависимости при смене вьюхи

я хочу обойтись совсем без файлов .vue

Маловеротяно. Тебе де надо будет на чем то шаблон написать)

Маловеротяно. Тебе де надо будет на чем то шаблон написать)

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

чтобы не было зависимости при смене вьюхи

Можно пример когда нужно менять представление?

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

В голову только платформо зависимые вещи. Чтоб одна логика, под моб аппки, электрон и веб

Но то такое. Слишком уж общая логика

Как говорил @houd1n1 копать в сторону jsx, функциональных компонентов и рендер функции

Буду копать,спасибо всем)

подскажите а как сделать на пропсе computed metod set ?

то есть если пришел новый пропс надо обновлять значение

Пропсы не обновляются

ну это очевидно что они приходят с верху

Они даны свыше. Да

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

но лучше не переоптимизировать преждевременно и юзать общепринятые .vue

слишком дорог компромисс

то есть если пришел новый пропс надо обновлять значение

Ну, watch'ить можешь и делать, что хочешь

а то что я вотчю можно завязать потом через v-model ?

а то что я вотчю можно завязать потом через v-model ?

Ну да

а то что я вотчю можно завязать потом через v-model ?

лучше через computed {get, set}

Странный вопрос какой-то 🤔

а вообще вотчи никак не влияют ни на что, кроме того что если вотчируемое не было обложение гетерами сетерами и, о Боги, проксями, то они таки будут обложены

так что в этих ваших диспетчерах объектики могут странно выглядеть. Юзайте вью вдевтулз

лучше через computed {get, set}

ну я так и сделал, но получаю ошибку

все я понял стрелочные функции атстой

все я понял стрелочные функции атстой

стрелочные функции экмы -- жалкое подобие стрелочных функций кофескрипта.

дешёвая китайская подделка

все я понял стрелочные функции атстой

Смотря где

Смотря где

тебе не достаточно того, что в них по умолчанию и неотключимо включён юз стрикт?

тебе не достаточно того, что в них по умолчанию и неотключимо включён юз стрикт?

А чем это мешает?

там даже в глобалы неявно не насрёшь

Да, проблема...

А что если тебе забиндить надо потом эту функцию?

а она раз -- и не биндится

!

Как жить тогда?

не, -- на такую потерю гибкости мы никак не можем согласиться -- лучше реакт

качать реакт с торрентов

Только если без регистрации и смс

sudo apt install create-react-everything

Только если без регистрации и смс

за 1 рубль только 13.03.2018

Обдираловка(

Я уж лучше на Vue буду быдлокодить

Ладно, харе оффтопить

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

как лучше всего избегать "Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders"? У меня есть TodoList, в TodoItem я делаю v-bind="item" внутри я делаю props=["item"] и пользуюсь, он ругается на checked, так как я его напрямую привязал к чекбоксу

я переделал на :item="item", внутри делаю props=["item"]

Сделай отдельную перемененную под него

и мутируй ее

data () { return { checked: this.item.checked, text: this.item.text } }

А пропс не трогай

если нужно чтобы родитель знал про изменение пропса внутри, то посмотри .sync, $emit('update:myprop')

Хмммм, а оно по идее и не трогает проп

data () { return { checked: this.item.checked, text: this.item.text } }

это уже вариант после изменений, изначально я напрямую данные из props менял

А подскажите пожалуйста. Я в модуле А импортирую модуль Б

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

как мне в А заюзать переменные из Б в template?

Даже с нуждой не стоит их менять))

как мне в А заюзать переменные из Б в template?

в data положи.

парни, кто с vue-class-component && vuex-class работает? как с роутером работаете?

как мне в А заюзать переменные из Б в template?

refs

Кто-то может подсказать по vuelidate, не могу понять как навешать валидацию правильно, чтобы она запускалась только после input. Прямо один в один повторил пример на сайте vuelidate, но у меня все равно вылазит ошибка даже если юзер форму ещё не потрогал.

touch в @type вызывай

Объяснил от бога

Ваще

Но я думаю, что ты понял

я то-понял, но у меня и с input все ок как бы работает, попробовал твой вариант, и разницы особо не заметил. тут проблема вот в чем, на их сайте они показывают спан вот так: v-if="!$v.name.required">Field is required</span> И этот месседж у них появляется только после того, как я повзаимодействую с полем. А у меня он, почему-то, отображается сразу.

вот мой кусок: <input type="text" class="input" placeholder="Имя" :class="{'is-danger': $v.userName.$error}" v-model="userName" @input="$v.userName.$touch()"> <span class="help is-danger" v-if="!$v.userName.required">Введите ваше имя</span>

Сделай v.userName.error

Или