Vue 3で作成したフックでAPI呼び出しを行うにはどうすればよいですか?

Question

長い休憩の後、vue に戻ります。私のソリューションでは構成 API を使用しており、コンポーネントを作成した後、後で表示できるようにデータを取得する必要があります。私の現在のソリューションでは、テンプレートは呼び出す前にレンダリングされます。おそらく愚かな間違いですが、私はまだそれを理解できません（vue 2.0 - create()フックでは明らかです）。

リーリー

Answer 1

ソリューションは希望どおりになるはずです。 API は、onMounted フックで呼び出されないため、コンポーネントのレンダリング後ではなく、コンポーネントの作成時に呼び出されます。また、ピザを反応性のあるものにする必要があります。

Answer 2

Composition API で使用できるフックのリストは次のとおりです:

• https://vuejs.org/api/composition-api-lifecycle.html

オプション API の作成に最も近い方法は、setup() 関数のコードを実行することです。ただし、テンプレートを v-if="pizzas" で保護しないようにするには、テンプレートを空の配列としてインスタンス化する必要があります。 そして、明らかに、リアクティブにする必要があるため、単なる

[]

ではなく ref([]) になります。 リーリー

コメント

:

• は、 を空の配列に初期化したため、変更しないままにすることができます。間違った方法で開始した場合は、ルート ラッパー要素に v-if="pizzas" 保護を設定する必要があります。
ref
• には .value を割り当てる必要があります