Компоненты - Повторное использование кода в компонентах, примеси

У Vue.js для возможности наследования имеются mixin-ы. В mixin мы можем вынести данные, группу методов и даже hook-и жизненного цикла.

Объект примеси сперва необходимо объявить.

Пример:

const myMixin = {
  created() {
    this.hello()
  },
  methods: {
    hello() {
      console.log('привет из примеси!')
    }
  }
}

Теперь можем импортировать примесь в компонент.

const app = Vue.createApp({
  mixins: [myMixin]
})

Однако, возможность переиспользования примесей ограничена: примесям нет возможности передавать какие-либо параметры для управления логикой её работы, что снижает гибкость с точки зрения абстрагированной логики.

В современных  версиях Vue.js в качестве альтернативе примесям предлагается иной способ организации кода: Composition API.