Vue JS mixins — Миксины

Vue JS mixins — Миксины

От автора: Vue mixin — миксины — в основном, используются с компонентами. Они помогают многократно использовать код внутри компонентов. Если компонент использует миксин, то все параметры миксина становлятся частью параметров компонента.

Пример

Результат

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Когда параметра миксина и компонента совпадают, то они сливаются, как в следующем примере.

Теперь миксин и экземпляр vue имеют один и тот же созданный метод. Результат мы можем увидеть в консоли. Как видим, параметры экземпляра vue и миксина сливаются.

Если у нас будет одно и то же имя функции в методе, то основной экземпляр vue будет иметь приоритетное значение. Пример

Мы видим, что миксин содержит свойство method, в котором определяются функции helloworld и samemethod. А экземпляр vue содержит свойство methods, в котором, опять же, определяются два метода start и samemethod. Вызывается каждый из следующих методов.

Как показано выше, мы вызвали функции helloworld, start и samemethod. samemethod также присутствует в миксине, однако, приоритет будет иметь основной экземпляр.

Источник: //www.tutorialspoint.com/

Редакция: Команда webformyself.

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте: