Эти js-песочницы

функциональные компоненты, навешнаные тем, что тебе нужно

Не, по ссылке не функциональные компоненты. Просто render функции

https://jsfiddle.net/72kcxk1s/

Спасибо за решение. Вижу, что работает, как и должно. Но у меня почему-то не ловятся клики.

Спасибо за решение. Вижу, что работает, как и должно. Но у меня почему-то не ловятся клики.

Лучший способ проверить себя - сходить в песочницу :)

Функциональные они будут, когда у них будет functional: true

Я через Chrome сижу, он начинает ругаться, когда я Vue подрубаю

GET https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js net::ERR_INSECURE_RESPONSE

https://unpkg.com/vue

<script src="https://unpkg.com/vue"></script>

Спасибо за решение. Вижу, что работает, как и должно. Но у меня почему-то не ловятся клики.

в консольке ничего не пишет?

:) https://twitter.com/youyuxi/status/849993029012168705

ксттаи код так себе, у него каждый раз actions возвращают новый объект

https://unpkg.com/vue

Спс

думаю, он сильно не заморачивался, а просто "proof of concept"

в консольке ничего не пишет?

Во: http://jsbin.com/nanuzu/edit?html,js,output

Во: http://jsbin.com/nanuzu/edit?html,js,output

А зачем ты title выводишь через props и задаешь компонент? Можно через <slot>

Во: http://jsbin.com/nanuzu/edit?html,js,output

ну, вообще директива is применима только к динамическим компонентам

вроде

А зачем ты title выводишь через props и задаешь компонент? Можно через <slot>

Затем что нуб

да ее везде можно юзать)

А по кликам то что? Не кликается же?

А зачем ты title выводишь через props и задаешь компонент? Можно через <slot>

Это одно поле, в форме будут еще инпуты со своими списками, почему бы не сделать из этого компонент?

ничего ты в этом не понимаешь

Юзал месяц, устал и пересел обратно на хром

Юзал месяц, устал и пересел обратно на хром

а что утомило?

А по кликам то что? Не кликается же?

Что бы юзать клики на компонентах, нужно дописывать модификатор .native

и что такое вивальди?

Вот чуток переписал https://jsfiddle.net/vvnxxntz/2/

и что такое вивальди?

Браузер для ретроградов

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

Не знаю, может, сейчас что-то да пофиксили, но все равно хрень

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

да, я сам медиаконтент запускаю в хроме, но поиск и прочее только через вивальди: 1) шикарно кастомизируется 2) оч крутая штука забиндена на f2

Вот чуток переписал https://jsfiddle.net/vvnxxntz/2/

Круть! Благодарствую

?

Что там кастомизируется? Цвет вкладок? Положение боковой полосы? Пыль в глаза, абсолютно бесполезная

Фича с группированием вкладок тоже неюзабельна

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

Что там кастомизируется? Цвет вкладок? Положение боковой полосы? Пыль в глаза, абсолютно бесполезная

расположение строки поиска, горячие клавиши, боковая панелька

можно ставить алиасы на ссылки

расположение строки поиска, горячие клавиши, боковая панелька

И смысл эту строку поиска вниз совать? Это неудобно

Хоткеи и алиасы еще ладно

Но остальное точно нет

И смысл эту строку поиска вниз совать? Это неудобно

мне так удобнее, она не брасается в глаза, и такое ощущение что места вообще не занимает

кароч, это круто-то

ждем когда интерфейс перепишут на react-fibers :0

вот кстати, а не собираются написать аналог для вью?

@xanf_ua а есть ли смысл пробовать реализовать react-fibers для vue?

лучше vue-loader поковыряй, что б префиксы у css были, вместо атрибутов :)

а чем плохи аттрибуты?

медленнее?

Через webpack вроде можно сделать префиксы

лучше vue-loader поковыряй, что б префиксы у css были, вместо атрибутов :)

пфф, я не собирался реализвывать файберы)) я только вчера узнал как работает vDOM

?

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

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

Учитывая, что часть интерфейса пилят на NodeJS…

а чем плохи аттрибуты?

Атрибуты сами по себе ничем не плохи. Классы в итоговом html остаются глобальными.

а что в этом хорошего?

…

а что в этом хорошего?

В чем?

так Стас и говорит что это плохо

Ну не то что бы плохо, просто не "железобетонно" :)

ну, проблема решается аттрибутами. сейчас. вы говорите, что лучше заменит на классовые префиксы

я спрашиваю, зачем)

вот и все

просто любопытно, чем это лучше

вообще можно было бы запилить vCSS

я спрашиваю, зачем)

Потому что я из любого места могу навесить любые свойства на твой класс, написанный в scoped

разве что специально

ERROR: S client not available

Случайно тоже

Ребят, всем привет. Использую модуль https://github.com/wffranco/vue-strap. Но я его кастомизирую, поэтому положил в папку custom_modules и собираю его npm run build. И подключаю его в основной проект, как import vue-strap. Все было ок, но сейчас хотел собрать модуль, а он выдает ошибку ERROR in ./dist/vue-strap.min.js from UglifyJs Понял, что он конфликтует с основной зависимостью laravel-elixir-webpack-official. ( проект на ларе, поэтому юзаю elixir). Т.е. без elixir-webpack все собирается отлично. В vue-strap есть свой node_modules, а он почему использует основные пакеты. Как можно решить проблему? Заранее спасибо. build: webpack --progress --hide-modules --config ./webpack.build.min.js https://pastebin.com/b5XZkgF3

+ не сможешь, если сделаешь это из scoped стилей

Если забуду дописать scoped у style

+ не сможешь, если сделаешь это из scoped стилей

да, но если я забыл добавить scoped или новый разработчик в команде вообще про это не знает

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

Да, могу :)

кстати, проксирование помогло, спасибо еще раз

? Круто!

правда, пока непонятно, что будет на продакшене

разве что специально

да ладно, а если использовать красивые стили вроде picture, comment, etc…

и встраивать Vue приложение в существующее приложение…

… с чем Vue отлично справляется

?

.footer-block[data-v-90d1ec9a] как такое можно случайно написать?

.footer-block {...ops} ...

ну и ничего не произойдет)

ну стили применяется к твоему `<div class="footer-block" data-v-90d1ec9a></div>

да, ты прав

значит нефиг забывать scoped ))

А в компонентах хочется писать простое и красивое h1.header, например :)

так пиши, кто запрещает? в исходниках же нет дата аттрибутов

Правда, это фигня, типа css модулей, не будет работать с селекторами по тэгу. А вот scoped работает

так пиши, кто запрещает? в исходниках же нет дата аттрибутов

Можно, конечно, но возможные казусы мы уже описали выше

Поэтому и зашел разговор, что б писать красиво, а собиралось оно в css модули

сколько копаюсь в исходниках вью, все никак не могу понять, как обрастает функционалом vue

все на миксинах

никто не делал картинку, как что и все такое?

никто не делал картинку, как что и все такое?

https://www.mindmeister.com/842448234/vue-js

https://www.mindmeister.com/842448234/vue-js

пасиба

не, ну я прям растроен