本文介绍了如何将Vue2组件迁移至Vue3的组合式API。主要内容包括：1) 使用<script setup lang="ts">语法；2) 通过接口定义props类型约束；3) 用defineProps替代props选项；4) 将data变量转为ref响应式变量；5) 使用computed替代计算属性；6) 将created生命周期替换为onMounted；7) 直接在setup中定义方法；8) 采用TypeScript规范的API导入方式。文章保留了原有模板和样式，确保功能一致，同时提供了完整的代码示例，展示了如何实现微信小程序和其他平台的头部导航栏组件。

1. 语法转换：使用Vue3 的 <script setup lang="ts"> 组合式 API 格式
2. 类型定义：添加了 HeadViewProps 接口，为 props 提供了明确的类型约束
3. Props 处理：使用 defineProps 替代了 Vue2 的 props 选项，并保持了原有的默认值
4. 响应