vue2的mixins

代码复用，可以使用引入的组件内的数据以及方法

使用 Mixins 的步骤
定义 Mixin：
创建一个包含共享选项的对象。例如，定义一个 myMixin.js 文件：

// myMixin.js
export default {
  data() {
    return {
      mixinData: 'This is mixin data'
    };
  },
  methods: {
    mixinMethod() {
      console.log('This is a method from the mixin');
    }
  },
  created() {
    console.log('Mixin created hook');
  }
};

在组件中引入 Mixin：
在你的 Vue 组件中，使用 mixins 选项引入这个 mixin：

<template>
  <div>
    <h1>{{ mixinData }}</h1>
    <button @click="mixinMethod">Call Mixin Method</button>
  </div>
</template>

<script>
import myMixin from './myMixin';

export default {
  mixins: [myMixin],
  data() {
    return {
      componentData: 'This is component data'
    };
  },
  created() {
    console.log('Component created hook');
  }
};
</script>