Mixin не работает Vue. js - Ошибка: {метод} связан, но не определен

Question

У меня есть миксин в моем Vue проекте. Но это не работает. Вот код:

InvMixin. js

export default {
    created() {
        console.log("hi");
    },

    methods: {
        helloa() {
            console.log('hi from mixin');
        },
        proal() {
            console.log("hoye");
        }
    }
}

шаблон

import invMixin from "./InventoryMixin.js";
export default {

  mixins: [invMixin],

 methods: {
        check() {
            this.helloa();
        }
    }
}

Выход

helloa указан, но не определен. Создан миксин, не работает

Может кто-нибудь помочь решить эту проблему, пожалуйста? Thankyou !!

Answer 1

Недостаточно просто импортировать ваш миксин. Объявите это в своем компоненте:

// In your component
import invMixin from "./InventoryMixin.js";

export default {
  name: "MyComponent",
  mixins: [invMixin] //declare mixin here
}