Vue 기본 구성, router

 

<template> 사이는 html 코드가 들어간다고 보면 된다.

디자인 부분을 담당하는 곳이라 보면 됌

 

<script>는 그 디자인의 데이터 바인딩을 한다거나,

이벤트를 캐치한다거나 서버와 통신하기위한 자바스크립트코드가 들어간다 보면 됌

 

 

라우터를 이용해서 path가 바뀔때 마다

<router-view></router-view> 이 부분만 해당하는 컴포넌트를 불러와서

재로딩하려는 형식 기본형식

 

router 선언

src 아래에 router.js 파일 생성

이런식으로 router.js 에다가 적어줌