企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 一、概述 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 基于全局的api:Vue.mixin( mixin ) ## 二、全局混入 混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响**每一个**之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。 ``` // 为自定义的选项 'myOption' 注入一个处理器。 Vue.mixin({ created: function () { var myOption = this.$options.myOption if (myOption) { console.log(myOption) } } }) new Vue({ myOption: 'hello!' }) // => "hello!" ``` >[danger] 请谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。大多数情况下,只应当应用于自定义选项,就像上面示例一样。推荐将其作为`插件`发布,以避免重复应用混入。如vue-router、vuex等都通过这种方式作为自定义选项;