vue.extend, vue.component 区别

vue.extend, vue.component有什么区别

阅读 16.5k
评论 更新于 2016-11-08
    4 个回答

    Vue.extend 返回的是一个“扩展实例构造器”,也就是一个预设了部分选项的 Vue 实例构造器

    var myVue = Vue.extend({
      // 预设选项
    }) // 返回一个“扩展实例构造器”
    
    // 然后就可以这样来使用
    var vm = new myVue({
      // 其他选项
    })

    Vue.component 是用来全局注册组件的方法,其作用是将通过 Vue.extend 生成的扩展实例构造器注册(命名)为一个组件,可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用类似于 new myVue 这样的构造函数来生成组件实例,并挂载到自定义元素上,当然实际情况要比这复杂得多,还需要处理 props 数据传递、slot 内容分发、自定义事件、组件生命周期……事宜。

    可参考我做的 组件开发示例代码详解:https://kingmario.github.io/v...

    评论 赞赏 2016-11-15