Vue JS mixins — Миксины

Vue JS mixins — Миксины

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

Пример

Результат

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

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

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

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

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

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

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

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

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

VUE JS. Быстрый старт

Практический курс по созданию веб-приложения на VUE JS с полного нуля

Получить

Метки:

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

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

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree