vue组件内如何使用自定义标签

Question

我看ant design的使用案例，发现一个用法

// js
import { form } from ...
Vue.use(form)

// template
<a-form>
    <a-form-item></<a-form-item>
</<a-form>

这种技术是如何实现的呢，还有里面的<a-form-item>我并没有引入，为什么也可以使用

Answer 1

Form里注册了下面两个组件

Form.install = function (Vue) {
  Vue.component(compA.name compA)
  Vue.component(compB.name, compB)
}

类比一下常用组件库的全局引入

比如Vue.use(ElementUI) 然后就可以使用组件库里的所有组件