вот че за уебы так писали))))))))

госпаде ну не пиши импортанты

оно хоть с ними, хоть без них не пашет. и это не мои. а вуетифашные

ебаааать

у меня вытекли глаза

Как вам?) Какую я жесть нашел

нате еще

Бля

и еще

Ребята, как объяснить человеку, что вот такая верстка - это пиздец?

Ребята, как объяснить человеку, что вот такая верстка - это пиздец?

вообще вёрстка - пиздец, не?)

Ну так и сказать. Твоя верстка - пиздец

вообще вёрстка - пиздец, не?)

полный))\

вот фоторобот, того кто это написал

я лично нихуя не понимаю ))

вообще вёрстка - пиздец, не?)

Не

А потом эти людят говорят, что БЭМ - это оцтой

А потом эти людят говорят, что БЭМ - это оцтой

Былаб нормальная изоляция и бэм не нужен был бы

Lf

Да

А тут nor scoped nor css modules не помогают

можно ли какнибудь вынести переменную из component data в переменную которая не во вью ?

привет https://jsfiddle.net/80mwcuz9/ ребят, переключать так класс 'active' сильный гавнокод??

Жесткий, я бы сказал)

БДСМ код ?

да, просто обращаешься к ней

можно ли какнибудь вынести переменную из component data в переменную которая не во вью ?

так чуваки, допустим есть такая разметка <tabs> <div> <tab>tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> </tabs> как сделать так, чтобы при клике по <tab> я мог обработать это событие в <tabs> компоненте

Жесткий, я бы сказал)

👍

@alan_lans appName.varName

так чуваки, допустим есть такая разметка <tabs> <div> <tab>tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> </tabs> как сделать так, чтобы при клике по <tab> я мог обработать это событие в <tabs> компоненте

<tab @click="tabClick">tab 1</tab>

@alan_lans appName.varName

спасибо)

tabClick в методах

<tab @click="tabClick">tab 1</tab>

нет

или ты на нативке?

что делаешь во Вью чате тогда?)

повторю, обработать событие в компоненте <tabs>, скрыть всю логику от программиста

на вью да

как ты программируя на JS собрался код прятать?

тебе надо серверный рендеринг тогда

чеее

так а это все один компонент у тебя или как? в чем сложность?

@agontarev

ему надо что бы в этом компоненте небыло видно кода логики

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

так чуваки, допустим есть такая разметка <tabs> <div> <tab>tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> </tabs> как сделать так, чтобы при клике по <tab> я мог обработать это событие в <tabs> компоненте

<div> <tab>tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> уходит в слот в компоненте tabs?

<div> <tab>tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> уходит в слот в компоненте tabs?

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

ну понятное дело что это default слот, с двумя children, только children - это div

повторю, обработать событие в компоненте <tabs>, скрыть всю логику от программиста

ну это все понятно, а вот что это значит?)

если ты сможешь обойтись без слотов, и описать рендеринг содержимого tabs прямо в нем самом - то вообще никакой проблемы нет. Внутри шаблона компонента tabs вешаешь @click на tab и обрабатываешь в методе.

если нужны слоты, то смотри доку по scoped slots

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

использовало скоуп не текущего компонента, а компонента, в слот которого уходит твоя разметка, это как, не понял?

у тебя есть компонент-родитель, в нем ты подключаешь потомка, в слот которого передаешь какой-то шаблон. В шаблоне используешь директиву @click с имененм метода. По-умолчанию будет использован метод родителя. Если ты хочешь указать там метод не родителя, а потомка, то нужно использовать scoped slot

Здравствуйте! Можете подсказать - имеется Vue.js приложение В консоли выдается такое [WDS] Disconnected! bundle.js:49664:5 close http://localhost:8009/build/bundle.js:49664:5 onclose http://localhost:8009/build/bundle.js:74946:7 [5]</EventTarget.prototype.dispatchEvent http://localhost:8009/build/bundle.js:58361:5 [14]</</SockJS.prototype._close/< http://localhost:8009/build/bundle.js:59156:5 [HMR] Waiting for update signal from WDS... В чем может быть проблема

использовало скоуп не текущего компонента, а компонента, в слот которого уходит твоя разметка, это как, не понял?

https://vuejs.org/v2/guide/components.html#Scoped-Slots

egc

упс

рано отправил

Здравствуйте! Можете подсказать - имеется Vue.js приложение В консоли выдается такое [WDS] Disconnected! bundle.js:49664:5 close http://localhost:8009/build/bundle.js:49664:5 onclose http://localhost:8009/build/bundle.js:74946:7 [5]</EventTarget.prototype.dispatchEvent http://localhost:8009/build/bundle.js:58361:5 [14]</</SockJS.prototype._close/< http://localhost:8009/build/bundle.js:59156:5 [HMR] Waiting for update signal from WDS... В чем может быть проблема

для запуска сервиса использую webpack webpack-dev-server —inline —hot —host 0.0.0.0 —port 8009

<tabs> <div> <tab @click="methodName">tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> </tabs> Будет использован метод родителя <tabs> <template slot-scope="methods"> <div> <tab @click="methodName">tab 1</tab> </div> <div> <div> <tab>tab 2</tab> </div> </div> </template> </tabs> будет использован метод компонента tabs

и в первой и во второй ситуации разметка уйдет в дефолтный слот

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

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

не нужно определять слот под каждую ноду

все равно непонятно куда вешать @click

в смысле?

а что у тебя должно кликаться?

туда и вешай

<tabs> <tab @click>tab 1</tab> <tab @click>tab 2</tab> </tabs> ты так что ли предлашаешь?

вообще конечно если можешь обойтись без слотов — обойдись без них.

внутри <tab> this.$emit(«tab-clicked»)

внутри <tab> this.$emit(«tab-clicked»)

зачем, господи

для локализации i18n юзаете?

для локализации i18n юзаете?

+

https://github.com/kazupon/vue-i18n

https://github.com/kazupon/vue-i18n

ага спасибо, на него смотрю щас

<tabs> <tab @click>tab 1</tab> <tab @click>tab 2</tab> </tabs> ты так что ли предлашаешь?

только @click.native=""

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