Vue.js 组件开发指南
一、组件基础
1. 组件定义
在 Vue.js 中，组件是一个自定义的 Vue 实例，拥有自己的模板、数据、方法、生命周期钩子等。你可以通过 Vue.component 方法全局注册一个组件：
Vue.component('my-component', {
template: '<div>我的组件</div>'
});或者在 Vue 实例的 components 选项中局部注册：
new Vue({
el: '#app',
components: {
'my-component': {
template: '<div>我的组件</div>'
}
}
});2. 组件模板
组件的模板定义了组件的 HTML 结构。你可以使用字符串模板，也可以使用单文件组件（Single File Component，SFC）中的 <template> 标签：
<template>
<div>
<h1>{
{ title }}</h1>
<p>{
{ content }}</p>
</div>
</template>在模板中，你可以使用 Vue 的指令（如 v-bind、v-model、v-for 等）