npm install

npm run serve

npm run build

npm run lint

See Configuration Reference.

• vue.js는 SPA를 구현하도록 도와주는 웹 프론트 프레임워크

• vue.cli을 통해서 뷰 프로젝트를 생성

• layout 생성

• router로 실제 url path에 따라 호출할 컴포넌트를 다르게 생성

• vue 컴포넌트에서 어떻게 data와 method를 처리하는지 적용

• vue 인스턴스가 생성되고 소멸 될 때까지 라이프사이클 확인

• 실제 데이터 바인딩 시 v-model 사용, html에선 {{title2}} 같이 표현

• @click 과 같은 표현으로 메소드 호출

• 데이터가 배열 형태일 경우 v-for로 컨트롤

• v-if와 v-show로 컴포넌트를 화면에 보이게 혹은 안보이게 처리

• watch:로 데이터를 실시간으로 감지 할 수 있음