Vue3之组件相关语法

# Vue3之组件相关语法

Vue3的组件系统是其核心特性之一，提供了更灵活的代码组织和复用方式。以下是关键语法要点：

### 1. 组件定义
使用`defineComponent`进行类型推断：
```typescript
import { defineComponent } from 'vue'
export default defineComponent({
  setup() {
    // 组合式API逻辑
  }
})

2. Props声明

props: {
  title: {
    type: String,
    required: true
  }
}

3. 事件发射

const emit = defineEmits(['submit'])
function handleClick() {
  emit('submit', data)
}

4. 插槽使用

<template #header>
  <h1>自定义标题</h1>
</template>

Vue3还支持<script setup>语法糖，进一步简化组件编写。组件间的数据流通过props/emit实现，配合provide/inject可实现跨层级通信。 “`