Vue 3에서 생성된 후크에서 API 호출을 만드는 방법은 무엇입니까?

Question

오랜만에 뷰로 돌아왔습니다. 내 솔루션에서는 구성 API를 사용하고 있으며 구성 요소를 만든 후 나중에 표시할 수 있도록 일부 데이터를 가져와야 합니다. 현재 솔루션에서는 호출하기 전에 템플릿이 렌더링됩니다. 아마도 어리석은 실수일지도 모르지만 나는 여전히 그것을 알아낼 수 없습니다 (vue 2.0 - create() 후크에서는 분명합니다).

으아악

Answer 1

귀하의 솔루션은 상상했던 것과 같아야 합니다. API는 onMounted 후크에서 호출되지 않기 때문에 구성 요소가 렌더링된 후가 아니라 구성 요소가 생성될 때 호출됩니다. 또한 피자를 반응형으로 만들어야 합니다.

Answer 2

Composition API에서 사용 가능한 Hook 목록은 다음과 같습니다.

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

Options API의 创建最接近的是在setup()函数中运行代码。但是，为了避免使用 v-if="pizzas" 보호 템플릿을 사용하여 빈 배열로 인스턴스화해야 합니다.

그리고 분명히 반응형이기를 원하므로 ref([])，而不仅仅是 []입니다.

으아악

Notes:

• 可以保持不变，因为我们将 pizzas 初始化为空数组。如果您以错误的方式启动它，则需要在根包装元素上设置 v-if="pizzas" 보호.
• ref 需要为其分配 .value