## 1. 为什么Vue3的 ``` 这种设计大幅减少了样板代码。在我的一个中型项目中，采用` ``` 2. **动态组件引用**：当使用``动态渲染组件时，引用的组件需要在`components`选项中注册。在` ``` 这些宏有两个重要特性： 1. 它们只在` ``` ### 3.2 其他编译器宏除了props和emits，Vue3还提供了一系列其他编译器宏来替代Options API的功能： - `defineExpose`：明确暴露哪些内容可以被父组件通过模板ref访问 - `withDefaults`：为TypeScript的props类型声明提供默认值 - `defineSlots`：为插槽内容提供类型检查 ```typescript ``` ## 4. 从defineComponent迁移的实际经验 ### 4.1 逐步迁移策略在大型项目中，不建议一次性全部迁移到` ``` 不过要注意，使用JSX需要额外配置： 1. 在`tsconfig.json`中设置`"jsx": "preserve"` 2. 安装`@vue/babel-plugin-jsx` 3. 在Vite中添加相应的插件 ### 5.2 编译时优化 ` ``` 这种模式将逻辑关注点与组件实现解耦，使得代码更易于维护和测试。

Vue3的<script setup>为何无需defineComponent