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')

 

转载于:https://www.cnblogs.com/yanxiatingyu/p/9482266.html