컴포저블의 Vue 3 템플릿 참조

Question

옵션 API에서 컴포지션 API로 전환하고 믹스인 대신 컴포저블을 사용하고 싶습니다. 지금까지 나는 다음과 같이 계산된 속성을 가진 전역 믹스인을 사용해 왔습니다:

으아악

그런 다음 앱을 만들 때 다음 믹스인을 사용했습니다.

으아악

myAlert는 MyApp의 계산된 속성이 되며 MyApp 속성 내에서 직접 선언하지 않고도 사용할 수 있습니다.

이제 컴포저블을 사용하여 동일한 결과를 얻으려고 합니다. 컴포저블을 가져오는 구성요소가 있다고 가정해 보겠습니다.

으아악

괜찮나요? 그렇다면 컴포저블에서 myAlert 템플릿 참조를 어떻게 선언해야 하나요?

Answer 1

귀하의 useGlobalComposable 函数应返回 myAlert는 아래와 같습니다:

으아악

그런 다음 설정 블록에서 myAlert를 선언할 수 있습니다

으아악

mixin 中的 this.$refs 不能直接与 Composition API 一起使用。如果您创建组件，则可以使用 this 구성 요소 속성 및 메서드에 액세스합니다.

Composition API와 함께 사용refs하는 방법에 대한 글입니다.

设置에서 컴포저블을 사용한 매우 간단한 작업 예:

으아악 으아악