@vuejs_ru
Vladyslav21.03.2017
16:44:08
16:44:08
ну по-хорошему же фронт-ендер долженз аниматься этим всем, а не си-шник
Stanislav21.03.2017
16:44:10
16:44:10
та я вообще scoped
Andrey21.03.2017
16:44:19
16:44:19
Stanislav21.03.2017
16:44:37
16:44:37
GoogleStanislav21.03.2017
16:44:41
16:44:41
просто понравился ответ Андрея про Stylus и захотелось немного потролить )
Stanislav21.03.2017
16:44:55
16:44:55
но scoped ломается, если где-то в компоненте пишешь .link, а потом другой разраб где-то глобально напишет .link
>(Guys from the telegram channel http://t.me/vuejs_ru have advised me to use vue-custom-element plugin, but it's a bit strange solution.)
?
https://github.com/vuejs/vue-loader/issues/661#issuecomment-285141614
Alex21.03.2017
18:57:31
18:57:31
Скоро кастомные сборки вью будем предлагать тут)
https://qingwei-li.github.io/vue-trend/
Kelin21.03.2017
19:49:49
19:49:49
Ребят, а этот mimic ваш с Vue.js работает?
Alex21.03.2017
19:50:47
19:50:47
наш мимик?)
DimenSi21.03.2017
20:08:14
20:08:14
ксс модули и общие стили
scoped мне не понравился
GoogleDimenSi21.03.2017
20:09:27
20:09:27
Intellej теперь норм поддерживает vue
http://codepen.io/projects/ ахеренную вещь запилили
Ты выше описал.
Лишний стиль сверху и все сломано
У меня были траблы с scoped стилями
при использование предпроцессора
они тупо не работали, хз почему
https://qingwei-li.github.io/vue-trend/
Кстать, в каких случаях выбирают svg или canvas? Или выбирают то в чем лучше шарят?
Stanislav21.03.2017
20:11:45
20:11:45
Ты выше описал.
Лишний стиль сверху и все сломано
Это да. Но этот $styles постоянно писать. Хотя, b('class') не лучше ?Stanislav21.03.2017
20:13:28
20:13:28
DimenSi21.03.2017
20:13:33
20:13:33
да
Stanislav21.03.2017
20:13:46
20:13:46
О_о
Stanislav21.03.2017
20:14:52
20:14:52
Мм, так вот о чем это
DimenSi21.03.2017
20:15:22
20:15:22
ну да, а ты как думал работать будет?
$style.nav.class?
Stanislav21.03.2017
20:15:22
20:15:22
Я думал это где-то что-то в кишках меняется
DimenSi21.03.2017
20:15:39
20:15:39
а как бы ты вызывал бы нужный класс?
Stanislav21.03.2017
20:15:40
20:15:40
DimenSi21.03.2017
20:16:22
20:16:22
только будь осторожней с этим, они занимают область компонета и записываются на уровне data, computed, methods и т.д.
GoogleStanislav21.03.2017
20:17:08
20:17:08
Ну это понятно, в свойства объекта компонента пишется)
DimenSi21.03.2017
20:17:31
20:17:31
это ед. что меня напрягает во вью
было бы немного удобней, если бы хотябы дата или props записывались в props
или чтоб можно было это выставлять в настройках объекта
типо делать их локальными или глобальными для компонента
Stanislav21.03.2017
20:19:56
20:19:56
Меня еще бесит, что если задать class="my-class" на корне дочернего компонета и class="my-class" дочернему компоненту из родителя, то в итоге это будет class="my-class my-class"
Я вот прям шас сижу и смотрю на код, который мержит классы во вью.
Тупо конкантенируются имена классов :)
DimenSi21.03.2017
20:21:18
20:21:18
не, меня это как раз устраивает, если бы стили перезаписывались, был бы для меня писецом
Kelin21.03.2017
20:21:23
20:21:23
подумываю, кстати, попробовать css modules поюзать
Stanislav21.03.2017
20:22:02
20:22:02
не, меня это как раз устраивает, если бы стили перезаписывались, был бы для меня писецом
так это тупо смотрится))
<div class="my-class my-class">Бред же :)</div>DimenSi21.03.2017
20:22:41
20:22:41
я реально на автомате начинаю писать в бем наименовании и сложно как-то продумывать стили без бема
GoogleDimenSi21.03.2017
20:23:23
20:23:23
<div class="myclass" /> у компонента
внутренее
а через родителя ставишь нужный тебе класс рядом с этим
Kelin21.03.2017
20:23:57
20:23:57
говорю же, зависимые
DimenSi21.03.2017
20:24:01
20:24:01
<div class="myclass red" />
DimenSi21.03.2017
20:25:09
20:25:09
чувак не ленится использовать свой плагин с неудобным форматом, еще как зависим
AdminERROR: S client not available
Stanislav21.03.2017
20:25:18
20:25:18
мне например сложно перестать писать стили без бема
А мне уже легче. С bem-cn я понял, что могу точно так же писать и без БЭМ.
Разница не большая:
```
<div :class="b()">
<div :class="b('text')"></div>
</div>
```
тоже самое что и
```
<div :class="$styles.block">
<div :class="$styles.text"></div>
</div>
```DimenSi21.03.2017
20:25:47
20:25:47
а ну если так, то да
Kelin21.03.2017
20:26:11
20:26:11
ппц
DimenSi21.03.2017
20:26:35
20:26:35
мне наоборот не понятно, как люди могут писать стили без бема и не путаться в них
Kelin21.03.2017
20:26:41
20:26:41
то чувство, когда думал, как разбить нормально проект
и не додумался js от html отделить, хы
мне наоборот не понятно, как люди могут писать стили без бема и не путаться в них
у меня никогда путаницы не былодаже если классы где-то совпадают
они в scoped'e
и у меня часто бывают классы типа item, list итд
но в каждом компоненте свои стили имеют
GoogleStanislav21.03.2017
20:28:25
20:28:25
<div class="myclass red" />
<div class="parent">
<test class="my-class"></test>
</div>
<template id="test">
<div class="my-class">Угадай, что отрендерится в "class"?</div>
</template>Kelin21.03.2017
20:28:54
20:28:54
нахрена так-то писать ?
DimenSi21.03.2017
20:29:26
20:29:26
а зачем на template id накидывать?
my-class my-class?
Stanislav21.03.2017
20:29:50
20:29:50
ну хрень же)
DimenSi21.03.2017
20:30:02
20:30:02
вообще-то норм
Stanislav21.03.2017
20:30:11
20:30:11
Почему?
Stanislav21.03.2017
20:30:48
20:30:48
Ну вот просто по наименованию так вышло.
Есть у тебя блок page, у него элемент sidebar.
И есть блок sidebar.
Хочешь ты задать позиционирование через миксин.
В родителе, присваивает класс sidebar, компоненту sidebar.
В итоге так и получается два одинаковых класса
на одной ноде
Это если отойти от именования БЭМ, а думать в том же ключе)) т.е. юхать scoped css
DimenSi21.03.2017
20:36:58
20:36:58
я ща пытаюсь установить арч линукс на виртуалку, пасаны, не быть мне борадатым крутым чуваком
DimenSi21.03.2017
20:37:40
20:37:40
никак
Stanislav21.03.2017
20:37:46
20:37:46
Уже был такой вопрос
Открыть в Telegram