defineComponent() 组件定义（类型推导）

最后更新：2026-10-22

defineComponent() 组件定义（类型推导）

defineComponent() 是类型推导辅助函数：主要在 TypeScript 项目中为组件选项提供精确类型，运行时行为与直接写对象相同。

📝 语法

import { defineComponent } from "vue"
export default defineComponent({
  props: { msg: String },
  setup(props) { return { upper: props.msg.toUpperCase() } }
})

⚙️ 参数

返回值：原样返回该对象（仅类型层面加工）

▶ 示例

修改下面的代码，在预览区实时查看效果：

输出：

显示大写的 VUE。

💡 要点