组件是Vue中最强大的功能之一，它可以扩展HTML元素，封装可重用代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。
组件具有以下优势：
在Vue中，组件可以通过全局注册或局部注册进行定义。全局注册意味着可以在应用程序的任何地方使用组件，而局部注册只能在一个特定的Vue实例中使用组件。
全局注册的组件可以使用Vue.component()方法进行注册，如下：
Vue.component('component-name', {
// 组件选项
})
局部注册的组件可以在组件的components选项中进行注册，如下：
new Vue({
components: {
'component-name': {
// 组件选项
}
}
})
在Vue中，组件可以像普通HTML元素一样进行使用，只需要在模板中使用组件标签即可。例如：
组件可以传递数据到子组件中，也可以从子组件中接收数据。例如，在父组件中传递数据到子组件中：
在子组件中，可以使用props选项接收数据，例如：
Vue.component('child-component', {
props: ['propName']
})
在子组件中，可以使用props选项接收数据，例如：
Vue.component('child-component', {
props: ['propName']
})