vue.js 2 Функция mixin, вызываемая из другого компонента, выдает «TypeError: Невозможно прочитать свойство 'search' of undefined"

Question

У меня есть search.mixin.js файл с search(), и у меня есть компонент vue-productPage, в котором я вызываю этот миксин.

при поиске товара я получаю эту ошибку: "Uncaught TypeError: Невозможно прочитать свойство 'search' of undefined"

Это мой миксин:

const searchMixin = {
 methods: {
  search() { /** some code */}
 }
}

export default searchMixin;

это мой компонент:

import searchMixin from './searchMixin';

export default {
 name: 'product-page',
 mixins: [searchMixin],
 mounted() {
  this.searchMixin.search();
 }
}

Не уверен, что я делаю неправильно.

Answer 1

searchMixin.js

export default {
  search() { /** some code */}
}

компонент

import searchMixin from './searchMixin.js';

export default {
 mounted() {
  searchMixin.search();
 }
}

Answer 2

ааа. понял. Я использовал это неправильно. правильный способ его вызова будет

1. import it.
2. include it in mixins:[] array
3. use it `this.search()`