vue中使用什么声明一个组件

Vue 中声明组件的方法

1. 组件注册

组件可以使用 Vue.component(name, options) 方法注册。其中，name 是组件名称，options 是组件配置对象，包括 template、data、methods 等属性。

// 注册组件Vue.component('my-component', {  template: '<div>这是我的组件</div>'});

2. 模板中声明

立即学习“前端免费学习笔记（深入）”；

已注册的组件可以通过模板标签使用，其中组件名称以 kebab-case 命名。

// 模板中使用组件<template><my-component></my-component></template>

3. 局部注册

组件也可以局部注册，只在当前组件中使用。可以使用 components 选项将组件注册到当前组件中。

// 当前组件中局部注册组件export default {  components: {    'my-component': {      template: '<div>这是我的局部组件</div>'    }  }};

其他声明方式

除了上述方法外，组件还可以通过以下方式声明：