Vue vue.extend 和vue.component 两则之间的区别

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

Var myExtend  = Vue.extend({
      //预设选项     
})//返回一个 扩展实例构造器

//而后就能够这样来使用
var vE = new myExtend({
     //其它选项 
})

 

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

html:

　　<vE></vE>

此时页面必然是没有任何效果的，：

　　扩展实例构造器还须要挂载：

　　　　　　　　　　　　　　new eE().$mount('eE');

https://www.jb51.net/article/118851.htm

extend 是构造一个组件的语法器。

你给它参数 他给你一个组件 而后这个组件能够用到Vue.component 这个全局注册方法里，

也能够在任意vue模板里使用<componentname>组件

var apple = vue.extend({

　　...

})

Vue.component('componentname',componentname‘)

你能够用到vue实例或者某个组件中的components 属性中并在内容使用template-name

new Vue({

　　components:{

　　　　componentname:comontentname

　　}

})

 

Vue.component你能够建立，也能够取组件

Sample:

　　　　var component = Vue.component('componentname')