Vue 3에서 생성된 후크에서 API 호출을 만드는 방법은 무엇입니까?
P粉744691205
P粉744691205 2023-11-04 08:48:38
0
2
626

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

으아악


P粉744691205
P粉744691205

모든 응답(2)
P粉509383150

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

P粉004287665

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

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

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

으아악

Notes:

  • 可以保持不变,因为我们将 pizzas 初始化为空数组。如果您以错误的方式启动它,则需要在根包装元素上设置 v-if="pizzas" 보호.
  • ref 需要为其分配 .value
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿