반응형
<template>
<div>
<div>
<header>
<!-- to="" 라는 태그 안에 URL을 넣어서 페이지 전환 -->
<router-link to="/login">로그인</router-link> |
<router-link to="/signup">회원가입</router-link>
</header>
<!-- <router-view> 라는 태그가 있어야 URL이 변경되면 페이지가 바뀜 -->
<!-- 이 태그가 없으면 URL만 바뀌고 화면은 안바뀜 -->
<router-view></router-view>
</div>
</div>
</template>
<script>
export default {
name: 'VueEndgameApp',
data() {
return {};
},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped></style>
1. <router-link to="URL"> 태그로 클릭 시 URL 이동
2. <router-view> 태그가 있어야 URL 이동된 화면이 그려짐
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
105. router | 초기 진입 페이지 설정 | redirect (0) | 2022.10.09 |
---|---|
104. router | 코드 스플리팅 소개 및 적용 (0) | 2022.10.09 |
102. router | 페이지 컴포넌트 생성 및 연결 (0) | 2022.10.09 |
101. router | 뷰 라우터 설치 및 연결 (0) | 2022.10.09 |
100. 애플리케이션 코딩 컨벤션 및 스타일 가이드 (0) | 2022.10.09 |