onMounted 후크 내에서 Vue 3 Composition API useRouter() 사용

Question

onMounted 후크에서 호출되는 구성 요소에서 useRoute를 사용하고 싶습니다. 비슷한거

으아아아

CheckUserAuth.ts는:

으아아아

라우터가 모든 곳에서 정의되지 않은 이유를 이해할 수 없습니다. 라우터를 매개변수로 전달하지 않고 이 문제를 해결할 수 있는 방법이 있습니까? (checkUserAuth 기능을 완전히 캡슐화하고 싶습니다)

고칠 수 있다는 걸 알아요

으아아아

하지만 이는 좋은 해결책이 아닙니다

Answer 1

useRouter의 API는 공식 문서에 언급된 대로 설정에서 호출되어야 합니다. https://router.vuejs.org/zh/api/#userouter(zh 문서에 언급됨)에서 이를 확인할 수 있습니다. 어쩌면 다음과 같은 코드를 작성할 수도 있습니다:

으아악

설정에서 호출하세요:

으아악

도움이 되길 바랍니다.

Answer 2

컴포저블은 구현 시 다른 용도가 허용되지 않는 한 설정에서 직접 사용해야 하며, 이는 사례별로 결정해야 합니다.

checkUserAuth는 이를 구성 가능하게 만드는 컴포저블을 사용하므로 설치된 후크 내에서 이를 사용해야 하는 경우 이를 허용하는 함수를 반환해야 합니다.

으아아아

또는 checkUserAuth 不应使用可组合项。 useUserStore 没有可组合项固有的限制，并且 useRouter을 라우터 인스턴스 가져오기로 대체할 수 있습니다.