defineComponent() コンポーネント定義（型推論）

最終更新：2026-10-22

defineComponent() コンポーネント定義（型推論）

defineComponent() は型推論の補助関数です。主に TypeScript プロジェクトでコンポーネントオプションに正確な型を付けます。ランタイムの挙動は直接オブジェクトを書くのと同じです。

📝 構文

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

⚙️ 引数

戻り値：そのオブジェクトをそのまま返します（型の面だけ加工）

▶ 例

以下のコードを編集して結果を確認しましょう：

出力：

Shows uppercase VUE.

💡 ポイント