Подскажите, миксин дублирует компонент или имеют одну ссылку?

Подскажите, миксин дублирует компонент или имеют одну ссылку?

Если сделаешь компонент test, а в миксине просто юзать components: { test } То точно нет Если прям в миксине объявляешь, то, скорее всего, дублирует

@kelin2025 подскажите способы создать какой-нить асинхронный вызов и добавить его куда-то и потом использовать внутри всех компонентов?

его вроде только обновили, может не все баги еще пофиксили

кроме vuex

может $root использовать как глобальный мини-стор?

@kelin2025 подскажите способы создать какой-нить асинхронный вызов и добавить его куда-то и потом использовать внутри всех компонентов?

API = { loadData: () => (…) } ?

или ты через миксин хочешь?

ну, чтоб в компоненте я мог сделать вызов, этот вызов записал бы данные в дату

как-то так

короче как обычно поступают через vuex, только без него

миксин

Мне наставник на работе говорил за Сервисы, но я не вкурил о чем он.

Я делал так Пилил файл отдельный В нем что-то типа export const data = { users: null, firstCall: false } А в миксине import data from './data' Vue.mixin({ data })

я сейчас миксин сделал глобальный, он вызвал fetchData() 3 раза

и 3 раза сделал соединение.

хотелось бы 1 соединение и потому работать с данными

Я делал так Пилил файл отдельный В нем что-то типа export const data = { users: null, firstCall: false } А в миксине import data from './data' Vue.mixin({ data })

Ну вот, так будет один общий data для всех

он не общий

он дублирует их

Почему у меня таким способом не дублирует ?

function fetchData () { if (!fetchData.response) { fetchData.response = fetch('/api'); } return fetchData.response; }

вот дата App и вот дата Hello

Вообще, как думаете, срать в $options - плохая практика?

function fetchData () { if (!fetchData.response) { fetchData.response = fetch('/api'); } return fetchData.response; }

какое-то странное решение

я удалил элемент в hello, но в app не обновился

короче они дублируется, а не единый для всех

офигенное решение, я считаю

Я делал так Пилил файл отдельный В нем что-то типа export const data = { users: null, firstCall: false } А в миксине import data from './data' Vue.mixin({ data })

Ты так делал?

ща попробую

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

я сейчас миксин сделал глобальный, он вызвал fetchData() 3 раза

на то он и глобальный, что на каждый инт миксуется)

Ты так делал?

все равно копируются

Почему у меня модалки общие везде тогда ?

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

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

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

И писать this.$root.fetchData()

Точно не облажаешься

выше об этом писал, тоже подумал, все делать в root, а потом из рута брать данные.

пля

я походу вообще асинхронность не понимаю.

mounted () { if (!this.$root.users) { this.$root.fetchData(users => { this.users = users }) } else { this.users = { ...this.$root.users } } }

вроде бы если users = null, то выполнит fetchData с callbackом? так? А если не пустой, то возьмет данные из this.$root.users

но в итоге у меня callback 3 раза вызывается

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

но в итоге у меня callback 3 раза вызывается

ставь брейк @ смотри стек

слабо понимаю, как это мне поможет, я не понимаю, что искать должен.

убери нафиг эту проверку

и пускай fetchData сам смотрит есть ли унего промис или нет

function fetchData () { if (!fetchData.response) { fetchData.response = fetch('/api'); } return fetchData.response; } как правильно использовать?

можешь прямо так и оставить

в рут?

в методы?

а можешь модуль написать let promise; const request = () => { … } module.exports = () => { if (!promise) promise = request(); return promise; };

да куда захочешь

Как сделать скрытый рут элемент для шаблона компонента? <template> не подходит - ругается

Всем мур от модератора сего чатика

Есть настроение сегодня или завтра постримить чего-нибудь на тему Vue

Есть пожелания?

а сделай ссылку с гуглодокой, до офиса подоезжают и накидают, возможно)

привет.

лично я бы про компоненты послушал. как, например, vue-admin поставить и использовать как есть и как вкладывать в свои компоненты

ERROR: S client not available

это было бы круто

я бы про jwt авторизацию посмотрел

лично я бы про компоненты послушал. как, например, vue-admin поставить и использовать как есть и как вкладывать в свои компоненты

Ну такое, как по мне. Лучше фундаментальные вещи, те самые best practices, которых нет))

Ну такое, как по мне. Лучше фундаментальные вещи, те самые best practices, которых нет))

Это за деньги :)

?

Шучу. Просто по best practices надо очень много думать и готовиться

А где и во сколько само действо проходит?

я бы про внутренности вью послушал, про вские vnode там

Я бы про что угодно послушал

<- нуб в Vue

Где - на liveedu

Когда - как бог пошлет

да и вообще про архитектуру vue, как он внутри работает

Скоро надеюсь расписание будет

Жалко тут нет аналога @everyone

Жалко тут нет аналога @everyone

напомни, что это?

В слаке сообщение всем участникам чата

Удобно для уведомлений

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

https://vk.com/wall162220438_1767

(нагло хвастаюсь)

@xanf_ua а обнови на 2 символ пин с уведомлением всем. может пролетит поверх mute)

https://vk.com/wall162220438_1767

зачем icicle нужен?

Чтобы воткнуть xlr микрофон в usb

а usb - hdmi чего такой толстый?

все, вопрос отпал

Он не толстый

У него кость широкая

а не, я не понял, зачем он нужен то?

а писаться будет видео? выложите на ютуб?

Видео с гопро стримить