Skip to content

全局混入 ​

本节目标:理解“全局混入”的核心思路,并能把它用于实际开发或面试表达。 混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响每一个之后创建的 Vue 实例。 使用恰当时,这可以用来为自定义选项注入处理逻辑。 // 为自定义的选项 'myOption' 注入一个处理器。

Vue.mixin({  created: function () {    var myOption = this.$options.myOption    if (myOption) {      console.log(myOption)    }  }})
new Vue({  myOption: 'hello!'})// => "hello!"

请谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。大多数情况下,只应当应用于自定义选项,就像上面示例一样。推荐将其作为插件发布,以避免重复应用混入。

本站总访问 — 次