Vue 3 구성 API에서 나머지 설정 스크립트 실행을 중지하는 방법
<p>비슷한 코드가 포함된 하위 페이지가 있습니다</p>
<pre class="brush:php;toolbar:false;"><스크립트 설정>
'vue'에서 가져오기 { 주입 }
'vue-router'에서 { useRouter } 가져오기
const 라우터 = useRouter()
const isSomething = 주입('isSomething')
if (!isSomething.value) {
router.replace('/somepage')
}
// 코드가 많은 나머지 설정 스크립트
// API 데이터 가져오기와 같습니다.
<p>작동하므로 조건이 거짓이면 리디렉션됩니다. 문제는 Vue가 필요하지 않은 모든 API 데이터 이벤트를 가져오는 것과 같은 나머지 스크립트 설정을 여전히 수행한다는 것입니다. </p>
<p>스크립트 설정을 "중지"하는 방법이 있나요? </p>
<p>내 조건이 상위 페이지에서 제공하는 ref 변수를 기반으로 하기 때문에 미들웨어를 사용할 수 없습니다. 라우터 후크 수준에서 주입하려고 하면 정의되지 않습니다. </p>
