mixin

作用：分发Vue组件中的可复用功能

实质：JS对象

功能：包含组件中的任意功能选项（data, components, methods, created, computed）

局部混入

①在src下新建mixins/index.js

let mixin = {
    data() {
        return {
            red: 'blue',
        }
    },
    methods: {
        hello() {
            // console.log('你好');
        },
    },
}
export default mixin

②在组件中引入

import myMixin from "../mixins/index.js";

③组件通过mixins属性调用mixin对象

mixins: [myMixin]