common?

global?

В универе называю govno, на работе - common, helpers, utils

Коллеги, привет. Что скажете про курс hexlet по JS? И сразу еще вопрос. Что действительно стоит почитать/посмотреть по Vue.js кроме доков. Хочется пошаговое руководство о том как правильно на Вью писать SPA. Я верстальщик больше, в программировании не силен мягко скажем. Писать портянки на jQuery не в счет. Пробую на Вью что-то делать, использую https://github.com/vuejs-templates/webpack . Хочется научиться делать сразу правильно.

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

в vue style guide есть понятие BaseComponents

те которые не зависят от стейта итп

а если зависят то я называю Shared

либо Common норм

В универе называю govno, на работе - common, helpers, utils

у нас у чела переменная была в коде: “vaginator”.

у нас у чела переменная была в коде: “vaginator”.

Опечатка по Фрейду

это была не опечатка...

@c01nd01r https://codesandbox.io/s/vmpzop56m5 Page - знает только метод который нужен для выдергивания данных TableContainer - rest-api обертка над таблицей, умеет работать с переданным в нее методом TableСomponent - обертка над стандартной таблицей, берет пропсы и как-то красиво их оформляет и отдает уже какому-то компоненту таблицы, в принципе этот уровень можно и убрать, но с ним удобнее

Господа, а не подскажите как правильно впихнуть видео c ютуба в Vuetify, какой компонент заюзать?

это у нас был концепт такой))

вот это не работает

в vue style guide есть понятие BaseComponents

Спасибо

по сути, TableComponent это моя прослойка которая сформирует пропсы для какого-нибудь плагина таблицы, поэтому этот уровень все же нужен

@whitemaster888

@c01nd01r https://codesandbox.io/s/vmpzop56m5 Page - знает только метод который нужен для выдергивания данных TableContainer - rest-api обертка над таблицей, умеет работать с переданным в нее методом TableСomponent - обертка над стандартной таблицей, берет пропсы и как-то красиво их оформляет и отдает уже какому-то компоненту таблицы, в принципе этот уровень можно и убрать, но с ним удобнее

Попозже попробую глянуть

народ, кому не сложно гляньте демку плиз

как сделать чтобы оно работало)

как сделать чтобы оно работало)

сейчас гляну

ребз. Кто знает, как исправить ошибку проперти exsternals???, после массива Rules все окей

webpack обновлял

сейчас гляну

если сможешь сделать нормально готов перевести денег на пиво

аууу

аууу

убрать это проперти?

убрать это проперти?

оно нужно.

для stripe

если сможешь сделать нормально готов перевести денег на пиво

а чего должно быть? props проталкиваться в компоненты?

а чего должно быть? props проталкиваться в компоненты?

да результат который вернет промис в page должен пролететь до самого низа + если TableContainer вызовет fetch еще раз то в TableComponent обновится

у меня externals массив

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

ну и если в на уровне Page вставлю еще пару таких таблиц чтобы оно с друг другом не конфликтовало)

а вот с webpacker показывает свой характер. Тут трабла с webpack

а вот с webpacker показывает свой характер. Тут трабла с webpack

сложно сказать, в какой-то момент вебпак стал слишком сложным, могу лишь сказать что у меня externals есть это массив и оно работает (добавляется только в тест енварменте)

а чего должно быть? props проталкиваться в компоненты?

то есть, если я на уровне TableContainer сделаю setTimeout/interval который будет подтягивать новые данные все должно обновлятся

а чего должно быть? props проталкиваться в компоненты?

если что я отойду минут на 15, пиво в случае успеха в силе ?

если что я отойду минут на 15, пиво в случае успеха в силе ?

я конечно смотрю сейчас, но тоже скоро нужно уходить, так что не факт что получится)

я конечно смотрю сейчас, но тоже скоро нужно уходить, так что не факт что получится)

ну мне хотя бы мысли о том как это сделать рабочим(

и нужен ли там slot-scope

в принципе

вот думаю

@c01nd01r https://codesandbox.io/s/vmpzop56m5 Page - знает только метод который нужен для выдергивания данных TableContainer - rest-api обертка над таблицей, умеет работать с переданным в нее методом TableСomponent - обертка над стандартной таблицей, берет пропсы и как-то красиво их оформляет и отдает уже какому-то компоненту таблицы, в принципе этот уровень можно и убрать, но с ним удобнее

У тебя в Page.vue, в 5 строке опечатка

@edtoken уже убегаю, не успею написать, вот тут вроде об этом пример есть: https://stackoverflow.com/questions/45180114/how-to-pass-props-using-slots-from-parent-to-child-vuejs

Какие лучше использовать навигационные хуки? Глобальные или для конкретного маршрута?

обычно, глобавльные, чтобы в одном месте. Иногда, местные...

Подскажите норм компонент для vue с горизонтальным скроллом (выбор от min до max)

vuetify.js

https://vuetifyjs.com/ru/components/sliders

ой не его надо целиком ставить и все переколбашивать

отдельное что-то оттуда взять же никак?

отдельное что-то оттуда взять же никак?

Можно

У них это называется a-la-carte

У них это называется a-la-carte

ну все-равно эта аля-карта жырная выйдет

@edtoken уже убегаю, не успею написать, вот тут вроде об этом пример есть: https://stackoverflow.com/questions/45180114/how-to-pass-props-using-slots-from-parent-to-child-vuejs

да, посыл был верный https://codesandbox.io/s/vmpzop56m5 вот так работает

ну все-равно эта аля-карта жырная выйдет

Кажется тришейкаться нормально должно

Там нет хитровыебанных зависимостей

Кажется тришейкаться нормально должно

ну как минунимум стили все нужно импортить

ERROR: S client not available

+ядро и Grid систему

ну как минунимум стили все нужно импортить

Нет, там стили сделаны в виде миксинов

Поэтому, кажется, ничего лишнего тянуться не должно

Поэтому, кажется, ничего лишнего тянуться не должно

кх ... а как миксин может разрулить импортиться ему или нет, как бы миксин это псевдо-функция на CSS

https://www.npmjs.com/package/rc-slider

нашел вроде что-то

кх ... а как миксин может разрулить импортиться ему или нет, как бы миксин это псевдо-функция на CSS

Там импорт через компоненты сделан же

Компонента тянет только свои стили и свои миксины вьюшные, далее все это испортится в vuetify

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

видимо они что-то поменяли, потому что раньше было так import 'vuetify/dist/vuetify.min.css'; // Ensure you are using css-loader

хотя нужно реально будет произвести замер, самому интересно стало

Хочу сделать ночную тему на сайте. То есть фон черного цвета, а блоки светлее. Сделал для этого компонент BackgorundNight.vue. В нем создаю метод, который будет добавлять классы к этим div'блокам которым надо изменить цвет. К примеру захожу я в компонет header и добавляю v-bind:class="{background__change: isActive}" к хедеру, ну а как мне с компонента BackgroundNight достучаться к компоненту Header и заменить isActive на true? и так в каждом компоненте

О вот нашел слайдер для vue

https://www.npmjs.com/package/vue-slider-component

Лучший слайдер это swiper

Хочу сделать ночную тему на сайте. То есть фон черного цвета, а блоки светлее. Сделал для этого компонент BackgorundNight.vue. В нем создаю метод, который будет добавлять классы к этим div'блокам которым надо изменить цвет. К примеру захожу я в компонет header и добавляю v-bind:class="{background__change: isActive}" к хедеру, ну а как мне с компонента BackgroundNight достучаться к компоненту Header и заменить isActive на true? и так в каждом компоненте

vuex?

Ошибка только падает если задаю пропс :min менее 10ти... не знает никто как убрать ошибку?

vue-slider-component

а все разобрался

Хочу сделать ночную тему на сайте. То есть фон черного цвета, а блоки светлее. Сделал для этого компонент BackgorundNight.vue. В нем создаю метод, который будет добавлять классы к этим div'блокам которым надо изменить цвет. К примеру захожу я в компонет header и добавляю v-bind:class="{background__change: isActive}" к хедеру, ну а как мне с компонента BackgroundNight достучаться к компоненту Header и заменить isActive на true? и так в каждом компоненте

provide, inject

Всем привет. Где можно почитать о правилах канала?

Хочу сделать ночную тему на сайте. То есть фон черного цвета, а блоки светлее. Сделал для этого компонент BackgorundNight.vue. В нем создаю метод, который будет добавлять классы к этим div'блокам которым надо изменить цвет. К примеру захожу я в компонет header и добавляю v-bind:class="{background__change: isActive}" к хедеру, ну а как мне с компонента BackgroundNight достучаться к компоненту Header и заменить isActive на true? и так в каждом компоненте

Прокинь $root.$emit на все компоненты, если только буливое значения нужно слушать

Всем привет. Где можно почитать о правилах канала?

В описании канала

Там нет правил. Я уже глянул

Это и есть правила

Да. Я не пойму. Что там не понятно? Общаемся про Вью, вакансии постить в другой чат

Какие ещё правила нужны?