javascript - Vue 기반 스파 웹사이트, 일부 페이지의 헤드와 테일이 수정되지 않습니다

Question

Vue를 사용하여 스파 웹사이트를 만드는데 일부 페이지에는 헤더와 테일이 필요하지 않거나 헤더가 약간 다릅니다. 예를 들어 로그인을 클릭하면 헤더와 탐색 모음이 필요하지 않습니다. 이때 무엇을 해야 할까요? 한 가지 방법은 head, tail 컴포넌트를 컴포넌트로 만든 뒤, 이 두 컴포넌트를 필수 페이지로 import하는 방법인데, 코드량이 너무 많은 느낌입니다. 이 외에 다른 방법은 없나요?

Answer 1

위의 네임드 뷰를 참고하시면 됩니다
라우터 구성을 보내드리니 한 눈에 아실거에요

으아아아

main.vue

으아아아

Answer 2

모든 것을 적고, 필요할 때 표시하고, 필요하지 않을 때 숨기시겠습니까?
근데 자신만의 방식이 꽤 좋지 않나요? 시작과 끝이 공통이고, 라우팅에 따라 로드할 수 있습니다

Answer 3

판정 조건을 추가하고 조건에 따라 머리와 꼬리를 표시할지 여부도 가능한가요? v-그렇다면

Answer 4

다단계 라우팅을 작성하세요.

Answer 5

vue-route의 명명된 뷰를 고려할 수 있습니다. 구체적인 요구 사항은 비즈니스에 따라 다릅니다.

Answer 6

이런 문제가 발생하면