inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

Vue Router 학습 : 게시판 UI 만들기

App.vue 구성 질문드립니다.

308

Grrr

작성한 질문수 4

0

App.vue 에서 전체적인 레이아웃을 잡고,

RouterView 에서 변경될 컨텐츠 영역으로 route를 하고 있는데요.

 

상단메뉴없이 전체 페이지에 로그인 폼만 있을 경우 처리는 어떻게 하나요? 

 

v-if 로 걸러주는 방법밖에 생각이 안나는데 다른 방법이 있는지요?

vuejs

답변 1

0

짐코딩

안녕하세요 :)

다음 시간에 배울 [중첩 라우트]를 사용하시면 됩니다.

예를 들면

// router/index.js
{
    path: '/',
    component: ALayoutComponent,
    children: [
      {
        path: '',
        name: 'Home',
        component: HomeView
      },
      // ...
   ]
   path: '/auth',
    component: BLayoutComponent,
    children: [
      {
        path: 'login',
        name: 'Login',
        component: LoginView
      },
      // ...
   ]
}
// App.vue
<template>
    <router-view />
</template>

 

아래 제 깃헙에 참고할 만한 소스코드 공유드립니다. (Vue2 기반이지만 질문에 대한 도움은 될것 같아요)

깃헙소스

감사합니다 🙂

0

Grrr

와!!!! 됩니다!!! 

완전 고맙습니다!

composable: alert 창이 안떠요

0

727

2

Nuxtjs3 강의 계획은 없으신가요?

0

540

1

axios 컴포저블 함수 구현 2에서

0

475

1

composable과 pinia store - 둘 중 하나를 선택하는 기준

1

1608

1

코드 수정 문의

0

444

1

강의교안 수정 요청드립니다.

0

598

1

Pinia 사용 시 composition api

0

1404

1

createPost()의 async, awiat

0

534

1

slot 사용 관련 문의

1

420

1

Filter 구현하기에서 input v-model 질문 있습니다.

0

564

2

라우터 해시 모드 추가 질문

0

556

1

네비게이션 가드 및 플러그인 관련 질문입니다.

0

378

1

트랜지션(transition) 관련 질문드립니다.

0

553

1

json-server에 대해 궁금한게 있습니다~

0

386

1

Vue3 에서 router-link 에 이벤트 추가 방법

0

1204

1

기본편에도 crud 하는게 있을까요?

0

407

1

jsconfig.js 에러

0

392

1

headers 값을 못찾아요~

0

384

1

vite vue3에서 ie safari babel

0

780

1

composables 전역등록

0

302

1

stores 다른 파일에서 state 가져오기

0

445

1

computed에서 인자 전달방법

0

577

1

components.d.ts 자동작성 안됨

0

721

1

cors 에러

0

576

1