vue mixin

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

使用mixin 可以抽离组件的公共逻辑，使代码更加简洁
在src下新建一个文件夹mixin,在新建一个mixin.js

//自定义mixin
let MIXIN = {
    data() {
        return {
            name: 'mixin'
        }
    },
    created() {
        console.log('mixin...', this.name);
    },
    mounted() {
    },
    methods: {}
 };
 export default MIXIN;//导出mixin

在页面里引入mixin.js

<template>
</template>

<script>
import "../mixin/mixin";

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

<style>
</style>