progressive learning of vue.js

한국 공식 홈페이지

• Vue.js 란?

• 뷰 인스턴스 생성
• 뷰 인스턴스의 유효 범위
• 뷰 인스턴스 라이프 사이클 예제

[뷰 컴포넌트 등록]

• 컴포넌트란?
• 전역 컴포넌트 등록
• 지역 컴포넌트 등록
• 전역과 지역 컴포넌트의 차이

[뷰 컴포넌트 통신]

• 컴포넌트 간 통신의 유효범위
• 상위에서 하위 컴포넌트로 데이터 전달
• 하위에서 상위 컴포넌트로 이벤트 전달
• 관계 없는 컴포넌트 간 통신-데이터버스

• 뷰 라우터 예제
• 네스티드 라우터
• 네임드 뷰

• 뷰 리소스
• Axios GET

[데이터 바인딩]

• {{ }} : template syntax
• v-once : 한번만 바인딩하는 속성
• v-bind : HTML 속성과 뷰 데이터 바인딩 속성

[자바스크립트 표현식 사용]

• use javascript expressions in vue template
• 자바스크립트 표현식 사용시 주의점

[디렉티브]

• 대표적인 디렉티브

[이벤트 처리]

• v-on으로 이벤트 처리
• v-on디렉티브로 인자 넘기기
• event 인자로 DOM 이벤트 접근하기

[고급 템플릿 기법]

• computed 속성
• computed 속성과 methods 속성의 차이
• watch 속성

• 뷰 CLI 란?