Vue中的混入(mixin)

一、什么是混入

        混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

二、创建一个简单的混入实例

        

//新建一个js文件用于混入
const minxin_tet={
    data(){
        return {
            num:12
        }
    },
    methods:{
        lognum(){
            alert(this.num)
        }
    },
    created(){
        this.lognum()
    }
}

export default minxin_tet
//在需要用到的组件中将其混入进去
//引入
import minxin_tet from '@/mixins/mixin-tet'
//混入
mixins:[minxin_tet],
//使用=>会自动调用