mixin可以将重复的 js 代码拆分出去，在需要使用的文件中引用即可。

简单实例

新建src/mixins/myMixin.js文件

const myMixin = {
  created() {
    this.hello();
  },
  methods: {
    hello() {
      console.log('hello from mixin!');
    }
  }
};

export default myMixin;

修改src/views/Home.vue文件

<template>
  <div>
    Hello, 长乐未央
  </div>
</template>

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

export default {
  mixins: [myMixin]
};
</script>

![1.png](https://assets.clwy....