全面的前端编程教程 - 秘密武器开发者中心

热搜:m1 代理 前端 301

vue2中的mixin的使用方法

2023-12-27 15:59:28
// mixin.js
export const myMixin = {
  created() {
    console.log('Mixin hook called');
  },
  methods: {
    foo() {
      console.log('foo');
    },
    conflicting() {
      console.log('from mixin');
    }
  }
};
// 组件中使用 mixin
import { myMixin } from './mixin.js';
export default {
  mixins: [myMixin],
  created() {
    console.log('Component hook called');
  },
  methods: {
    conflicting() {
      console.log('from component');
    }
  }
};