Vue 中声明组件有三种方法：通过 Vue.component 方法全局注册。在模板中使用已注册的组件，组件名应使用 kebab-case 命名。在当前组件中通过 components 选项局部注册组件。
Vue 中声明组件的方法
1. 组件注册
组件可以使用
方法注册。其中，
是组件名称，
是组件配置对象，包括 template、data、methods 等属性。
2. 模板中声明
立即学习
“
前端免费学习笔记（深入）
”；
已注册的组件可以通过模板标签使用，其中组件名称以 kebab-case 命名。
Vue-router参考手册
Vue-router参考手册下载
下载
3. 局部注册
组件也可以局部注册，只在当前组件中使用。可以使用
选项将组件注册到当前组件中。
其他声明方式
除了上述方法外，组件还可以通过以下方式声明：
扩展 Vue
：使用
方法扩展 Vue 构造函数。
JSON 对象
：以 JSON 对象的形式声明组件。
函数
：以函数的形式声明组件，返回一个组件配置对象。
Vue.component(name, options)nameoptions// 注册组件
Vue.component('my-component', {
template: '这是我的组件'
});// 模板中使用组件
components// 当前组件中局部注册组件
export default {
components: {
'my-component': {
template: '这是我的局部组件'
}
}
};extend