Vue 3 구성 API에서 나머지 설정 스크립트 실행을 중지하는 방법

Question

비슷한 코드가 포함된 하위 페이지가 있습니다

<스크립트 설정>
'vue'에서 가져오기 { 주입 }
'vue-router'에서 { useRouter } 가져오기

const 라우터 = useRouter()
const isSomething = 주입('isSomething')

if (!isSomething.value) {
  router.replace('/somepage')
}

// 코드가 많은 나머지 설정 스크립트
// API 데이터 가져오기와 같습니다.

작동하므로 조건이 거짓이면 리디렉션됩니다. 문제는 Vue가 필요하지 않은 모든 API 데이터 이벤트를 가져오는 것과 같은 나머지 스크립트 설정을 여전히 수행한다는 것입니다. 
스크립트 설정을 "중지"하는 방법이 있나요? 
내 조건이 상위 페이지에서 제공하는 ref 변수를 기반으로 하기 때문에 미들웨어를 사용할 수 없습니다. 라우터 후크 수준에서 주입하려고 하면 정의되지 않습니다. 
            

Answer 1

JavaScript의 다른 곳과 마찬가지로 수행됩니다.

으아악

"코드가 많다"는 것은 라우팅에 필요한 코드만 포함하도록 뷰 구성 요소를 리팩토링하고 나머지는 중첩 구성 요소로 추출할 수 있음을 의미합니다.