и для создания проекта vue-cli

Это шаблон?

да

Нашел, спасибо) а насчёт руководств или гайдов по созданию вот этого всего не подскажете?

Ребята, а есть ссылка на какое то нормальное руководство, как организовывать проект на vue, работать с компонентами и функцией рендер в том числе? Просто почти все, что я нашел актуально для vue 1, а как это заставить работать на vue 2 не очень понятно:(

работа с компонентами как в реакте почти, разве что слоты добавлены из основного и нет jsx

работа с компонентами как в реакте почти, разве что слоты добавлены из основного и нет jsx

Еще же функции в пропсы не пробрасываются - да?

Нашел, спасибо) а насчёт руководств или гайдов по созданию вот этого всего не подскажете?

https://ru.vuejs.org/v2/guide/ исчерпывающие руководство + мы

Еще же функции в пропсы не пробрасываются - да?

можно вроде, ща

Что-то недавно такое обсуждали - я не пробовал сам)

https://ru.vuejs.org/v2/guide/components.html#Валидация-входных-параметров

@Fl0pZz можно и jsx использовать

если приспичит

https://ru.vuejs.org/v2/guide/components.html#Валидация-входных-параметров

Ок

@Fl0pZz можно и jsx использовать

каончено можно, я в том смысле что особо смысла в нем нет пока что

когда рендер функции не используешь

@Fl0pZz так-то да

@Fl0pZz так-то да

из исходников, в которых я копался, разве что sidebar в element-ui на нем написан

из исходников, в которых я копался, разве что sidebar в element-ui на нем написан

Спасибо большое за помощь

Пробрасывать ф-ии в пропсы можно. Это кстати паттерн иногда для отказа от ивентов. Т.е. вы можете в пропс передать обработчик, который будет дергаться самим компонентом. А не делать как обычно - эмитить событие из компонента, отлавливать его в родит. компоненте и вешать уже этот обработчик.

Ну это на уровне hoc-ов в реакте

Пробрасывать ф-ии в пропсы можно. Это кстати паттерн иногда для отказа от ивентов. Т.е. вы можете в пропс передать обработчик, который будет дергаться самим компонентом. А не делать как обычно - эмитить событие из компонента, отлавливать его в родит. компоненте и вешать уже этот обработчик.

А можно на практике простенький пример

В машине) покажу попозже

Я не совсем понимаю аак он будет дергаться

В машине) покажу попозже

Конечно, не горит)

Заранее, спасибо ;)

@Akiyamka пример ситуации: у тебя список и надо обработать клик на айтем. ты передаешь в айтем пропсом и обработчике ивента в айтеме вызываешь функцию переданную в пропс

@Akiyamka пример ситуации: у тебя список и надо обработать клик на айтем. ты передаешь в айтем пропсом и обработчике ивента в айтеме вызываешь функцию переданную в пропс

Нефига не понял после слова пропсом)))

props: { customEvent: { type: Function, ...}

в обработчике события

@click='handleClick()'

handleClick() { if (this.customEvent) { this.customEvent() } }

ужасное форматирование, сорри

this.$emit('item-click', item)

@stormdi это пример паттерна

а у компонента < @click-item="handle(item)">

я считаю, что пропсы для проброса данных вниз, а ивенты - вверх

Про Symbol забыли. Надо добавить

Виталий все верно написал, именно это я и имел ввиду

лучше vuematerial ни чего нет?))

Имею ввиду стоит ли его брать

из реализации материала - лучше нету

столкнулся с проблемой в табах

хочу их использовать как навигацию и там по сути недоработанный функционал поскольку нельзя кастомный ивент на клик таба повесить. Стоит создать свой пуллреквест чтобы решить это или просто искать воркэраунд?

+ onMounted хук выбирается первый таб по умолчанию но контент не показывается

все остальное вроде в норме

+ стили иногда костыльно переопределять приходится

из реализации материала - лучше нету

Че это?

Я вот за вьютифай буду топить

Из коробки нормальный грид

НОРМАЛЬНЫЙ

@Fl0pZz https://vuematerial.github.io/#/

и вот этой штуки у вас впринципе нету: https://vuetifyjs.com/components/carousel

нет. их можно переопределить

вроде как

@Fl0pZz наверное таки стяну с vuetify табы себе

@Fl0pZz благодарю, годнота

правда доки у вьютифая не очень)

открываешь исходники

смотришь в пропсы

вот тебе и доки

и по ивентам смотришь

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

и по ивентам смотришь

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

точнее понятно как - в исходники лесть, но это времязавтратно

в этом случае думаю только пулреквест

ERROR: S client not available

и надежда на то, что его апрувнут и быстро включат в новую версию

Сложный выбор между Vuetify и VueMaterial ?

Сложный выбор между Vuetify и VueMaterial ?

вьютифай

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

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

Не страдай)) выбери VueMaterial ?

а еще у материала 130+ ишью, а у вьютифая только 24

нашли чем меряться)

нашли чем меряться)

в ход идут последние палки

нашли чем меряться)

мы не дошли до самого главного еще

до той черты, когда уже нечем крыть

ну вы понимаете

Выбросить все и написать на жиквери

да, да. именно это я и имел ввиду

да, да. именно это я и имел ввиду

Это лучшее что может с тобой стать)

у наих сктати есть свой шаблон для вью кли

vue init vuetifyjs/webpack имеешь ввиду?

vue init vuetifyjs/webpack имеешь ввиду?

https://vuetifyjs.com/quick-start

ога

Да, сейчас посмотрю что он предлагает и генерирует

Когда есть например два элемента с одинаковым функционалом или частично одинаковым, то это в миксин отправляю

они стили не наследуют?

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

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

так определились же

господи, 10 из 10 вьтифай 10 из 10

да гавно этот вьютифай

да гавно этот вьютифай

не гавно а МОДЕРН

@v_ratushnyi чет не получается в этот паттерн. Получаю scope.handleClick is not a function

https://jsfiddle.net/n24jo0dc/69/

чяднт?

@v_ratushnyi чет не получается в этот паттерн. Получаю scope.handleClick is not a function

function is not a function

function is not a function

не понял как это может помочь

чяднт?

https://jsfiddle.net/n24jo0dc/70/