vue2中的mixin的使用方法

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/kuangjia/194896.html

// 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');
    }
  }
};

更多 前端框架 请访问 https://www.mimiwuqi.com/kuangjia/