• 全局混入

    全局混入

    混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响每一个之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。

    1. // 为自定义的选项 'myOption' 注入一个处理器。
    2. Vue.mixin({
    3. created: function () {
    4. var myOption = this.$options.myOption
    5. if (myOption) {
    6. console.log(myOption)
    7. }
    8. }
    9. })
    10. new Vue({
    11. myOption: 'hello!'
    12. })
    13. // => "hello!"

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