Vue 공부 - Router, layout, views

Router

라우터란 웹페이지 간의 이동하는 방법을 말한다.

Layout

components/layout 폴더를 생성하여 기본적인 header, footer를 만들어준다.

src/components/layout//Header.vue

<template>
  <div id="nav">
    <router-link class="menu" to="/">Home</router-link>
    <router-link class="menu" to="/about">About</router-link>
  </div>
</template>

<script>
export default {
}
</script>

views

src/views 폴더를 생성하여 뷰 페이지들을 만들어준다.