Как подключить mixin в Vue.js?

Пользователь

от fred , в категории: JavaScript , год назад

Как подключить mixin в Vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , год назад

@fred Вы можете переиспользовать методы или какую то часть кода в нескольких компонентах и создать mixin и Вам нужно просто импортировать его в компонент и использовать mixins: и передать как массив (можно использовать несколько миксинов) и затем можно вызвать метод, к примеру из этого миксина в компоненте, ниже код как пример как можно подключить mixin в Vue.js:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<template>
  <div class="container">
    <h1>Тестовый компонент</h1>
  </div>
</template>

<script>
import TestMixin from '@/mixin/TestMixin'

export default {
  name: 'Parent',
  mixins: [TestMixin],
  methods: {
    callMethod() {
      // Вызвать метод из миксина
      this.methodFromMixin()
    },
  },
}
</script>
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.