vue混入mixins是将组件公共的逻辑和配置数据提取出来,便于多组件共同使用。
混入对象也可以有data,computed,methods,mounted等方法。

混入对象可以全局引入也可以局部按需引入,建议按需引入。

使用方法:

1.创建混入对象

export const mixinHello = {
    created() {
        this.hello();
    },
    methods: {
        hello() {
            console.log('Hello');
        }
    }
};

2.局部引入:

import {myMixin} from './../assets/js/mixin';
export default {
    mixins:[myMixin],
...

利弊分析

优点:各个混入对象都是一个new实例,相对独立。
缺点:混入后,会将组件和混入对象的数据和方法合并,变量和方法重复导致污染,不方便找的问题。