Vue预习篇（七）4、混入

kuke_kuke

于 2020-08-30 13:21:25 发布

阅读量161

点赞数

分类专栏：前端重学之路

本文链接：https://blog.youkuaiyun.com/qq_33599109/article/details/108279928

版权

前端重学之路专栏收录该内容

21 篇文章

订阅专栏

本文深入讲解了Vue.js中混入(mixin)的概念及其应用。混入提供了一种灵活的组件功能复用方式，通过混入对象可以将通用的功能注入到多个组件中，实现代码的高效重用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

// 定义一个混入对象
var  myMixin = {
    created: function() {
        this.hello()
    },
    methods: {
        hello: function() {
            console.log('hello from mixin!')
        }
    }
}
// 定义一个使用混入对象的组件
Vue.component('comp', {
    mixins: [myMixin]
})