http://router5.github.io/

чет он мне напоминает vue-router

чет он мне напоминает vue-router

то чувство когда вью роутер появился после router5 и всех этих роутеров

но вам оно шото все напоминает vue-router

Хотел бы писать на вью, но хочется использовать жсх, но с жсх это будет то же реакт

трудно сказать, что кто-то спер у другого идею

Хотел бы писать на вью, но хочется использовать жсх, но с жсх это будет то же реакт

почему ты привязан к jsx?

тем тебе обычные шаблоны вью не по душе?

почему ты привязан к jsx?

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

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

а что происходит в v-model

во что оно превращается

кинь скринами

та зачем

я хотел сказать, что во вью директивах часто непонимаешь что происходит под капотом

А реакте все дается на управление юзеру

Кстать, а для вью шаблонов eslint работает ?

Кстать, а для вью шаблонов eslint работает ?

С vetur - точно да

Конечно

Хотел бы писать на вью, но хочется использовать жсх, но с жсх это будет то же реакт

Ну так используй jsx во вью. Даже пакет был чтобы v-model использовать в jsx

Кстать, а для вью шаблонов eslint работает ?

есть же даже офф дополнение

https://github.com/vuejs/eslint-plugin-vue

давно он уже есть?

чет как то мимо прошел

Он всегда был, его прост с 2.5 или чуть позже обновили под 2+ вью

а что происходит в v-model

Биндинг value и отправка события.

а, ок

https://github.com/vuejs/eslint-plugin-vue

спс за линк

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

вот сейчас смотрю на express.js и в голове сразу выплывают ассоциации с vue-router блин - один-в-один! кто у кого спиз...л идеи - непонятно (да и не важно) - меня главным образом факт сходства впечатляет ))

Я обожаю express

кто подскажет, как пофиксить когда при транзишинах скачет контент

с чем может быть связано?

в доке написано

к, гляну

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

Навскидку да

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

отсутствие ssr

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

это норма

я еще не думал как решать такую проблему, потому что не писал на Vue еще достаточно, но вопрос есть сразу, а чо нет во Vue, как в ангуларе первом типа ng-cloak ?

v-cloak

например

просто загуглил и нашел

<div v-cloak> {{ message }} </div> The <div> will not be visible until the compilation is done.

@light4everyone странная норма

@demokrrat если попробуешь, отпишись, мне надо знать в копилку решает это твою проблему или нет

Ок

Привет, помогите пожалуйста, не понимаю, как работает: использую axios из vue, а именно выглядит примерно так: 1. mounted() { data = getdata(); this.hash = data.hash /// undefined } 2. getdata() { axios.post(host, data, headers).then( function(response) { console.log(response); return response.data; }).catch(...) почему-то он возвращает response=undefined до того, как сервер ответит, логи выглядят так: 1) data.hash: cannot read property undefined и потом только 2) response = {.....}

потому что эт промис

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

simple[parseInt((Math.random() * simple.length + '', 10)]

потому что эт промис

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

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

ну либо внутри then присвой, либо async/await

Привет

Можно ли как-то отловить ошибку из reject или throw, котоаря возникла при создании асинхронного комонента?

Либо из хука жизненного цикла. Не в production режиме выкидывается warn, который через Vue.config.warnHandler, но он херит сам reason с объектом ошибки

https://ru.vuejs.org/v2/guide/components.html#%D0%9F%D1%80%D0%BE%D0%B4%D0%B2%D0%B8%D0%BD%D1%83%D1%82%D1%8B%D0%B5-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B

Как-то молча vue ошибку съедает, хочется ее обработать через возможности vue, либо чтобы он ее дальше по стеку вызовов выкинул и обработать ее без vue.

Это читал, вот component декларируется как промис, если просмис зарежектится с ошибкой, то как ее обработать верно

errorHandler смотрел?

да

Vue.config.errorHandler только для синхронного кода срабатывает

есть еще метод на инстансе errorCaptured, он тоже только для синхронного кода срабатывает

https://gist.github.com/alexpts/c6258ded10c51ef70912635dfbf89ba2 Вот такой вот примерно кейс пробую

Хочется получить объект Error который в reject передается, либо вместо reject кидать через throw

Сейчас это подхватывает warnHandler глобальный, но от него толку нет (

Вот пример простой накидал на codepen - https://codepen.io/alexpts/pen/RxVjeb?editors=1010

@Nerzh v-cloak работает, надо еще в css добавить [v-cloak] {display: none;}

@demokrrat тю, странно, они шо не могли разрулить без этого в css, ну да ладно, работает и ок)

Ребята, есть мастера фаербейс или баз данных ?

Не могу придумать схему для удобную схему

Блин, не все стёр перед редактированием (

Ребзи, как можно бысро сделать много collapse item через v-show без создания отдельных компонентов и больших джейквери селекторов в хендлере клика?

Магия вне Хогвартса запрещена

Ребзи, как можно бысро сделать много collapse item через v-show без создания отдельных компонентов и больших джейквери селекторов в хендлере клика?

сделал все таки через компоненты. Вопрос другой: у моего коллапса есть два слота: header и body. Тело я должен показывать при клике по елементу в заголовке, которое я указываю в родителе. Как можно прокинуть метод из ребенка-компонента в слот для заголовка, что бы я этот метод задал при клике для кастомного елемента?

пример: collapse.vue <slot name="header" :click="toggle"></slot> <slot name="body" v-show="open"></slot> ... data: () => { open: false } methods: { toggle => open =! open } parent.vue <collapse> <div slot="header" slot-scope="props"> header <strong @click="props.click">click for toggle </strong></div> <div> slot="body">Body</div> </collapse>

хотелось бы так, но не работает. Может есть более рабочий варик?

<slot name="header" @click="onClick"> onClick(event) { this.$emit('click', event) }

@lil_mraz

Пацаны, а иного кто пишет компоненты вью — классами, как ангкляре