vue.extend与vue.component区别

1、vue.extend

vue.extend使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。

vue.extend相当于一个扩展实例构造器,用于创建一个具有初始化选项的Vue子类,在实例化时可以进行扩展选项,最后使用$mount方法绑定在元素上。

用法:



vue.extend与vue.component区别_第1张图片

应用场景:
比如我们要实现一个dialog对话框组件时,可以选择将组件插入到body还是其他节点中。

2、vue.component

vue.component用于全局注册组件
大致用法:

// 注册组件,传入一个扩展过的构造器
Vue.component('my-component', Vue.extend({ /* ... */ }))

// 注册组件,传入一个选项对象 (自动调用 Vue.extend)
Vue.component('my-component', { /* ... */ })

// 获取注册的组件 (始终返回构造器)
var MyComponent = Vue.component('my-component')

例子:






或者






参考:
https://blog.csdn.net/qq_41807489/article/details/88981825
https://cn.vuejs.org/v2/api/index.html#Vue-component

你可能感兴趣的