В доках всё написанно...) <comp :foo.sync="bar"></comp> sync - сахар <comp :foo="bar" @update:foo="val => bar = val"></comp> this.$emit('update:foo', newValue)

читай хоть чо пишу то)

это в доках

Обычный props

который что делает?

Что это за дока?

https://next.vuetifyjs.com/en/components/menus

оно в бете новой. доки еще не написали

я в код залез - нифига не понял

оно в бете новой. доки еще не написали

Двусторонне привязали общие данные наверное.

спасибо кэп))

чо делает переменная ))

Это mixin и он для лентяев кажись)

Реализована двустороняя привязка, импортишь mixin returnable и у тебя есть returnValue prop. Юзается в v-edit-dialog. Что за штука без понятия)

народ привет! вопрос

v-html="message.content" как обработать с truncate

а фильтр нельзя применить?

v-html="message.content" как обработать с truncate

у тебя там именно html?

This dependency was not found: * element-ui/lib/theme-chalk/index.css in ./src/main.js To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css народ, а как избавиться от этой херни?

Реализована двустороняя привязка, импортишь mixin returnable и у тебя есть returnValue prop. Юзается в v-edit-dialog. Что за штука без понятия)

Спасибо!

пацаны, чёт веб пак замёрз к хренам не хотрелоадид и хромовый девтулз троит что пиздец, эт у всех так или я избранный?

я вот смотрю этот element, почему цвет задается через type, и как указать тип кнопки, submit или button

Потому что компоненту button так реализовали. Во многих UI фреймворках, на буттонах не делают компоненты, а больше используют <a/> с применением стилей. Насчет submit - можно описать форму и на @click повешать соответствующее действо.

хелп, втф???

у меня есть app.vue на голом ssr я добавил в него вместо header компонент md-toolbar он вставил там появился лдив с классами, но стили не применились все ли я сделал правильно?

<template> <div id="app"> <md-toolbar> <nav class="inner"> <router-link to="/" exact> <img class="logo" src="~public/logo-48.png" alt="logo"> </router-link> <router-link to="/top">Top</router-link> <router-link to="/new">New</router-link> <router-link to="/show">Show</router-link> <router-link to="/ask">Ask</router-link> <router-link to="/job">Jobs</router-link> Built with Vue.js </nav> </md-toolbar> <transition name="fade" mode="out-in"> <router-view class="view"></router-view> </transition> </div> </template>

ну вернее, как вообще сюда вмонтировать компоненты из других либ

https://regex101.com/

https://regex101.com/

конструктор RegExp имеет свои тонкости, там чето байда какая то с экранирвоанием слешей

а вообще тупо

тут магия

сейчас покажу скрин

Какая магия) там выбираете подо что написано и справа объяснение

Ну ладно, регулярки это почти магия 😄

ReferenceError: regeneratorRuntime is not defined at server-bundle

ReferenceError: regeneratorRuntime is not defined at server-bundle

Донастроить бабель похоже надо

<template> <div id="app"> <md-toolbar> <nav class="inner"> <router-link to="/" exact> <img class="logo" src="~public/logo-48.png" alt="logo"> </router-link> <router-link to="/top">Top</router-link> <router-link to="/new">New</router-link> <router-link to="/show">Show</router-link> <router-link to="/ask">Ask</router-link> <router-link to="/job">Jobs</router-link> Built with Vue.js </nav> </md-toolbar> <transition name="fade" mode="out-in"> <router-view class="view"></router-view> </transition> </div> </template> <script> import { MdToolbar } from 'vue-material/dist/components'; export default { components: { MdToolbar, }, data() { return { name: 'Hans', age: 0, } } }; </script>

app.vue

app.vue

Портянки выложите на сервис какой, а не сюда постите. И замените их на ссылки

Ну ладно, регулярки это почти магия 😄

Ну ладно, регулярки это почти магия 😄

почему 1 вариант работает, а другой нет?

вот в чем вопрос главный мой..

очевидных различий не вижу

разъясните плиз

перед созданием RegExp'а, выведите на консоль передаваемые ему параметтры.

всем привет не пойму почему не срабатывает дефолтное значение для props в компоненте ( в props я описываю, что ожидаю объект и его default затем в data присваиваю, этот проп уже параметру компонента но если из родительского компонента не передаю данные, то дефолт не подставляется, просто undefined приходит

всем привет не пойму почему не срабатывает дефолтное значение для props в компоненте ( в props я описываю, что ожидаю объект и его default затем в data присваиваю, этот проп уже параметру компонента но если из родительского компонента не передаю данные, то дефолт не подставляется, просто undefined приходит

Покажите код

понял кажется

дефолт должен быть вложен в проп

да

{ type: Object default() {} }

с утра пораньше релизы новые, красота https://github.com/vuejs/vue-loader/releases/tag/v14.0.0 https://github.com/vuejs/vue-devtools/releases/tag/v4.1.3

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

а как лучше сделать ?

не присваивать напрямую, а клонировать например

через object.assign вернуть новый объект ?

да

ок, спасибо а если я только читаю оттуда, есть смысл держать в computed ? или еще проще прям с props читать ?

да читай из пропсов

ПРивет, был у кого то опыт работы на вью с рамблер-кассой?

вряд ли вы в такой формулировке от кого-то что-нибудь услышите)

https://itunes.apple.com/ru/podcast/full-stack-radio/id931714873?mt=2#episodeGuid=5a5f34fa-210c-4aab-b624-83be79a78042 не знаю приносили еще или нет, но подкаст крутой

Подскажите, может ли компонент получать эмит из слота?

типа так)

нет

Сделай просто обёртку для слота в виде компонента)

Сделай просто обёртку для слота в виде компонента)

спс за совет, но я не совсем понял твою идею. Может есть какие-то пути, которые помогут поймать этот эмит?

тебе предложили слот завернуть в какой-нить див и на этот див повесить эвент

А толку?)

ну не могут люди смириться что всё легко делается, вот и придумывают всякие извращения) что-нибудь эдакое запиилить)

Подскажите, может ли компонент получать эмит из слота?

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

Народ кто делал v-html с truncate

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

есть компонент-обертка формы (с кнопкой "раскрыть форму" и анимацией разворачивания формы от нуля до авто) нужно ее сворачивать по эмиту (или не эмиту) из формы

Я бы наверное завел переменную для флага показывать ли форму или скрывать, из компонента эмиттил событие в нужных случаях когда скрывать (просто присвоение false)

а в компонент обертку входным параметров прокидывал

Народ кто делал v-html с truncate

https://ru.vuejs.org/v2/guide/custom-directive.html

привет! хотел изучить vue и тут же столкнулися с глупой проблемой @font-face { font-family: "Proxima Nova Black"; src: url("./assets/fonts/PROXIMANOVA-BOLD-BLACK.OTF'"); } вот так подключаю шрифты через scss но вот такая ошибка * ./assets/fonts/PROXIMANOVA-BOLD-BLACK.OTF' in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/postcss-loader/lib?{"source Map":true}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./src/assets/styles/style.scss