edbutcher
В дочернем то нет scoped
Неп Лох
scoped не распространяется на вложенные компоненты же если только не указать >>>
Andrey
да, но только если не корневой элемент с классом
Stanislav
scoped не распространяется на вложенные компоненты же если только не указать >>>
На корневой дом элемент ребенка вешается scoped аттрибут родительского класса
Неп Лох
окей не знал
Неп Лох
спасибо
T.A
Stanislav
👌
Неп Лох
нет по факту это не магия
Неп Лох
не соглашусь.
Denys
Ребята, подскажите где можно прочитать или как сделать что бы во vue сделать карту с маркерами. В простом js я знаю, а вот во vue тупик(
Неп Лох
в смысле "по факту - да" не магия
я думал "по факту да" в смысле "по факту магия" сори
Неп Лох
Denis ну либ полно. какая карта нужна яндекс/гугл?
Denys
google
Неп Лох
https://www.npmjs.com/package/vue2-google-maps
Vadim
Ребята, подскажите где можно прочитать или как сделать что бы во vue сделать карту с маркерами. В простом js я знаю, а вот во vue тупик(
https://github.com/xkjyeah/vue-google-maps
Илья
Особого смысла писать БЭМ классы нет.
Но удобно "в голове" разбивать стили по БЭМ.
т.е. вместо .block__element, в компоненте мы пишем просто .element.
В частности, удобно писать модификаторы, особенно когда они от пропсов зависят.
Для последнего я собрал вот такой плагинчик https://github.com/c01nd01r/vue-bem-cn
круто, а я смотрел недавно на этот плагинчик =)
хочу что-то похожее, но в компайл-тайме )
Stanislav
круто, а я смотрел недавно на этот плагинчик =)
хочу что-то похожее, но в компайл-тайме )
Почему в "компайл-тайме?"
Иван
Кто-нибудь тут ещё упарывался, пытаясь аполло к вьюксу прикрутить?
Stanislav
Кто-нибудь тут ещё упарывался, пытаясь аполло к вьюксу прикрутить?
был тут человечек, хайпил за gql и apollo. Говорил, что vuex в такой схеме не нужен
Иван
Я б сказал что в такой схеме аполловский кеш не нужен
Иван
Крч, оказывается стандартный аполловский инмемори кеш позволяет использовать любое хранилище
Иван
В том числе можно его и к вьюксу прикрутить
Илья
Почему в "компайл-тайме?"
у меня всю жизнь был шаблонизатор с логикой "сверху вниз", соответственно можно в одном шаблоне задать блок и внутри указывать элементы. и блоков может быть несколько, они типа наследуются. рендер-функция вью работает наоборот "снизу вверх", соответственно наследование можно реализовать только в компайл-тайме.
ну и вообще зачем рантайм этим грузить =)
Илья
пипл, превед. а кто знает, как по феншую делать плагины для компайлера?
щас я делаю так (дефолтный вебпак-шаблон):
в файле build/vue-loader.conf.js есть ключик compilerModules, и туда можно запихать функции transformCode / preTransformNode и тд
хочется уметь выносить их куда-то и подключать без лишних подробностей.
но мне вот так никто и не посоветовал мудрого совета про плагины компайлера =)
Илья
то есть я хочу писать что-то вроде <form b="form">
<div e="row" b="control">
<label e="label">...</label>
<input e="input" />
</div>
</form>
и получать что-то вроде <form class="form">
<div class="form__row control">
<label class="control__label">...</label>
<input class="control__input" />
</div>
</form>
Rafael 🌵
а можно более лаконично написать, или это только через функцию?
Локаничнее - врятли. Я бы так и оставил
Anton
сейчас у нас в проекте есть валидация форм с тултипами, которые выскакивают по очереди: при субмите формы все поля с ошибками подсвечиваются красным, при фокусе в любое поле у него появляется тултип с ошибкой, при инпуте онфокус снимается, рамка у поля тоже убирается. Вопрос: есть ли для vue что-то подобное или костылить самому нужно? И на базе чего проще всего будет костылить? Иное отображение ошибок дизайнер запрещает делать
Armen
Валидаторы называется
Anton
да я знаю
Anton
по умолчанию они работают совсем не так
Armen
https://github.com/vuejs/awesome-vue#validation
Anton
veelidate в принципе норм, надо будет попробовать влезть в него
Anton
https://github.com/vuejs/awesome-vue#validation
это я посмотрел уже) просто решил спросить, вдруг кто что похожее делал
Armen
по умолчанию они работают совсем не так
Почему не так? У тебя есть в стейте список ошибок, по условию показываешь попап и цепляешь класс на инпут, чтоб была красная рамка, и всё
Anton
да, звучит неплохо, попробую, спасибо
Nikita
Kosmos
А был у кого-то опыт работы с web3.js? Интересует, как вы делали, что бы вебпак в бандл не совал кучу версий bn.js.
Anton
блин, ещё проблема в том, что для многого нет .d.ts
Anton
для тех же тултипов
Anton
ладно, тут уж писать придётся, видимо)
Rafael 🌵
Kosmos
Vadim
А как-то же можно на телефоне просматривать сайт на локалхосте?
Vadim
Ну или как проще всего под мобилку верстать?
Vladislav
А как-то же можно на телефоне просматривать сайт на локалхосте?
я хостил через вайфай ларовский сервер
Vladislav
поидее да - если ты укажешь порт
Rafael 🌵
Александр
А как-то же можно на телефоне просматривать сайт на локалхосте?
сделай его не локалхост и смотри по IP твоего ПК рабочего.
Александр
Ну или в браузере на ПК в инструментах разраба сделай маленький размер.
Rafael 🌵
Александр
Toggle device toolbar
Pavel
Ну или в браузере на ПК в инструментах разраба сделай маленький размер.
не все кейсы так можно протестить
Александр
User-Agent смени
Rafael 🌵
По всей видимости web3.js не использует специальные коменты для вебпака, чтобы тот знал что шейкать
Это в 4 вебпака появилось
Kosmos
Попробуй с помощью rollup собирать, вероятно, там tree shaking работает
Я уже ролапом d3.js собираю 🙂 но хотелось что бы все же весь проект сбирался стандартными скриптами идущими с шаблоном.
Rafael 🌵
.
Stanislav
то есть я хочу писать что-то вроде <form b="form">
<div e="row" b="control">
<label e="label">...</label>
<input e="input" />
</div>
</form>
и получать что-то вроде <form class="form">
<div class="form__row control">
<label class="control__label">...</label>
<input class="control__input" />
</div>
</form>
@eddimensi делал это с помощью postHTML.
Но в райнтайме это не работает, что, имхо, главный минус.
БЭМ хорош системой модификаторов. И как раз таки в рантайме удобно делать смену модификаторов (чем и занимается vue-bem-cn в т.ч.)
Stanislav
.
Охлаждение, при рекавери ) сори за оффтоп
Rafael 🌵
Этономлю примерно 45% бандла либы по сравнению с вебпаком, это около 100кб.
D3 случайно не 4м вебпака собирают?
Vladislav
Stanislav
В жопу сеттеры. В нормальных кейсах они не нужны.
Roman
Это не параметры, а присваивание как бы
Oleksii
Всем привет,подскажите плс,кто работал с moment js, как сделать его реактивным?есть чат,и нужно чтобы дата сообщения fromNow() была реактивной
Stanislav