Vue3でのTypeScriptの型定義について

Question

Vue3とTypeScriptを勉強しております。
次のようなコードの場合、どのように型定義をするのが一番ベストなのでしょうか？

const values= ref([
{ value: "foo Value" },
{ value: "bar Value" },
{ value: "baz Value" },
]);

Answer 1

ドの場合、どのように型定義をするのが一番ベストなのでしょうか？

ベストなのかどうかは知りませんが、型アノテーションとしてはこれもありかと。

import { ref, Ref } from "vue";

const values: Ref<Array<{ value: string }>> = ref([
  { value: "foo Value" },
  { value: "bar Value" },
  { value: "baz Value" },
]);

Comments

[RedKai871]

勉強になりました、ありがとうございました！

Answer 2

とても勉強になりました、ありがとうございました！