vue语法中关于mixin的使用方法

vue语法中有一个mixin的函数​，它主要是用来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。

子组件A

<template>
  <div class="views__home__sub-model-a"></div>
</template>
 
<script>
import mixin from './mixin.js';
 
export default {
  mixins: [mixin],
  mounted() {
    console.log('sub-model-a', 'mounted');
  }
};
</script>

子组件B

<template>
  <div class="views__home__sub-model-b"></div>
</template>
 
<script>
import mixin from './mixin.js';
 
export default {
  mixins: [mixin],
  mounted() {
    console.log('sub-model-b', 'mounted');
  }
};
</script>

mixin.js封装

export default {
  mounted() {
    console.log('mixin', 'mounted');
  }
};