Stanislav
Ну и эта хрень с релиза самого vue. Не знаю, чего вы так удивляетесь)
Rafael 🌵
Ну и эта хрень с релиза самого vue. Не знаю, чего вы так удивляетесь)
я знал про vue.extend, но про то, что это стало полем - нет
Stanislav
Ostap
всем привет Ребята кто посоветует хорошие онлайн курсы по JavaScript? с практикой ) извините что не по теме vue )
Stanislav
Я еще хрен знает когда таким образом оборачивал (говнокодил) element-ui в свои компоненты
Denis
Мм, а где тут хок?
Без хока - жизнь плоха!
Rafael 🌵
чет я все больше понимаю, что можно собрать дикого хайпа, если сделать свою реализацию jsv (аля jsx)
Denis
Она же есть
Rafael 🌵
есть просто костыль jsx для vue
Denis
Есть template
Denis
Который и есть рендер-ф
Rafael 🌵
нет, ты не понял
Rafael 🌵
template очень ограничен
Rafael 🌵
как только у тебя набирается 200-250 строек шаблонов, тебе приходится разносить его на несколько компонент
Rafael 🌵
а в случае чистой рендер функции ты просто выносишь кусок по миксинам
Stanislav
Какая разница между последними двумя сообщениями?)
Rafael 🌵
потому что по миксинам можно вынести всякие genTable и прочую фигню
Rafael 🌵
а в случае разнесения по компонентам, появляется нужна в разработке какого-то интерфейса для меж компонентного взаимодейтствия
Rafael 🌵
возможно и слоты еще
Stanislav
ога
Rafael 🌵
и получается, что чтобы вынести шаблоногенерацию, т.е допустим всего 1 функцию, приходится делать кучу лишних действий
Rafael 🌵
вот пример, как это делают на чистых рендер функциях: https://github.com/vuetifyjs/vuetify/tree/dev/src/components/VDataTable
Андрей
ну во вью можно же юзать сторонние шаблонизаторы, если у тебя круто навороченные шаблоны(много переиспользования, наследование и пр) то может и стоит юзать нЕ вью шаблонизатор, а сторонний более фичастый?
Rafael 🌵
конечно нельзя
Rafael 🌵
сторонний шаблон должен уметь преобразоваться template -> vdom
Андрей
а в доке про компоненты показывается как пуг или что-то другое типа
Андрей
или оно просто тупо уреанное будет?
Stanislav
а в доке про компоненты показывается как пуг или что-то другое типа
То, что делает vue-loader - это шаблонизация над шаблонизацией
Rafael 🌵
а в доке про компоненты показывается как пуг или что-то другое типа
так получается такая композиция: pug -> template -> render fn
Андрей
аааа, понятно
Stanislav
Ты не можешь выкинуть vue'шный template compiler и юзать pug
Андрей
я понял, вообще не фанат пуга, nunjucks юзал только и то, только потому что оно джанго инспайред
Павел
подскажите как отследить изменение геттера и выполнить метод в компоненте?
Павел
в vuex
Rafael 🌵
чем тебе вотчер не подошел?
Павел
не могу понять как сделать
Павел
watch и что дальше?
Rafael 🌵
watch: { '$store.moduleA.getters.aaaa' () {} }
🐏 Alexander
не могу понять как сделать
это скорее только при мутации, будет менять getter, можно подписаться subscribe изменение стейта
Rafael 🌵
не стоит ее просто так использовать
Павел
Denis
Друзья, нубский вопрос. Есть асинхронный компонент, который подгружается так Vue.component('Component', function (resolve) { require(['component'], resolve); }); Как мне в приложении поймать момент, когда компонент уже загрузился?
Denis
вот пример, как это делают на чистых рендер функциях: https://github.com/vuetifyjs/vuetify/tree/dev/src/components/VDataTable
https://gitlab.com/Piterden/good-motherfucker/blob/piterden/app2/src/components/Filters/Filters.vue Ты должен помнить это
Denis
и куда смотреть?
А че надо то? Вот универсальный шаблон
Denis
Что значит загрузился?
Значит подтянулся и инициализировался. В mounted слушать бесполезно((
Rafael 🌵
А че надо то? Вот универсальный шаблон
и в каком месте он универсальный?
Stanislav
Rafael 🌵
да я уже его смотрю
Rafael 🌵
А че надо то? Вот универсальный шаблон
у меня сразу же возник целый вопрос: почему не функциональная компонента?
Denis
и в каком месте он универсальный?
В том, что данные туда любые подпихнуть можно
Denis
эм, и что мне это дает?
Универсальность шаблона
Rafael 🌵
А зачем?
очевидно, он у тебя используется везде - а значит должен работать быстро и не светить в девтулзах
Rafael 🌵
Универсальность шаблона
в чем универсальность то?
Павел
watch: { '$store.moduleA.getters.aaaa' () {} }
Не могу понять как оно работает
Павел
В моем случае
Rafael 🌵
В моем случае
без твоего кода я не могу тебе помочь
Rafael 🌵
🤷‍♂️ в другой раз значит
Павел
без твоего кода я не могу тебе помочь
А как лучше с сокетами работать?
Павел
Куда коннект положить?
Павел
connect.js
А серьёзно
Павел
В vuex?
Denis
А серьёзно
А серьезно: я не знаю кто это на стикере