[Vue] Vue02

뷰 cli 설치

intellj 터미널에서 'npm install -g @vue/cli' 입력하여 설치

vue create '프로젝트 이름' 으로 프로젝트 생성

실행 시 yarn serve

뷰 라우터

src→ router→index.js

이 곳에서 이동할 페이지들을 설정해준다.

path: 브라우저에서의 URL

name: 페이지 이름(Unique)

component : 컴포넌트 삽입

 

src→ App.vue

주석 참조

싱글페이지 어플리케이션

페이지 이동없이 컴포넌트만 바뀌는 것

 

router-link가 path가 /인 것을 찾아보니 해당 루트는 Home 컴포넌트를 갖고 있다

 Home 컴포넌트는 Home.vue이고 Home.vue로 가보니 HelloWorld 컴포넌트를 가지고 있고 그 내용을 보여주게 된다.

 

싱글파일컴포넌트

기본 구조