Глобальный миксин, многократный вызов mounted при инициализации?

Question

[Игорь]

Коллеги, приветствую!
В проекте есть глобальный миксин.
Миксин монтируется как плагин.
В событии жизненного цикла mounted, я поместил функцию вывода в консоль и что я там увидел?

mounted() {
    console.log("Main mixin mounted")
  }

Это ошибка фреймворка или я что-то делаю нет так.
Я ожидал что монтирование произойдёт всего один раз.

Answer 1

[ⓒⓢⓢ]

Что у вас на самом деле происходит - догадка
Но, если простыми словами, то миксин в каждый компонент (которые используют этот миксин) "внедряет" методы.
Вот у вас в 31 компонентах "внедрился" обработчик хука

mounted() {
console.log("Main mixin mounted")
}

Comments

[Алексей Ярков]

Товарищ все верно сказал. Дополню ответ ссылкой на документацию к миксинам.

[Игорь]

То есть, глобальный миксин, который я подключил как плагин, смонтирован ко всем 30 компонентам?
(Вопрос риторический)
Хм...

Ок.
Тогда как заюзать глобальный миксин с mounted который выполнится всего один раз?

Хотя есть идея.
Можно не использовать глобальный миксин.
Банально, не глобальный миксин подключить в layout.vue

[Aetae]

Не мудрите. Vue сделан максимально просто и интуитивно. Когда вы добавляете миксин - это выгдяит точно также, как если бы вы просто поместили все методы, хуки и прочее в компонент вручную. Никаких отдельных сушностей. Т.е. тот mount который "выполняется" в миксине - это mount самого компонента, миксин как отдельная сущность, которую можно куда-то примонтировать не существует.

[Игорь]

Ок, понял.
Дошло...

Да, глобальный миксин мне нужен, в нём "методы" которые нужны во всех компонентах.

А вот хуки жизненного цикла...
Тут я ошибся.

Мне просто нужен был 1 общий mounted который произойдёт на любой странице, только один раз.
Как раз layout.vue то что нужно, но уже без миксинов.

[Игорь]

Aetae, Я думал, что в глобальном миксине, mounted сработает всего один раз, в этом заключалась моя ошибка.

[ⓒⓢⓢ]

Игорь,

Мне просто нужен был 1 общий mounted который произойдёт на любой странице, только один раз.

можно навигационным хуком воспользоваться, если захотите абстрагироваться от логики во вьюхе
https://router.vuejs.org/ru/guide/advanced/navigat...

[Игорь]

ⓒⓢⓢ, точно.
Не тот что бы я об этом не знал.
банально упустил этот момент.