Do it! Vue.js 입문 도서를 읽고 중요한 부분만 정리합니다!
구매링크: http://www.yes24.com/Product/Goods/58206961
어플리케이션의 상태 관리(state management)를 돕는 라이브러리이다.
특정 데이터를 여러 컴포넌트가 공유하는 데이터
props의 단점: 로그인 폼에서 메인 컴포넌트로 데이터 이동 시에 로그인과 최상위 컴포넌트를 거쳐서 데이터를 전달해야하는 단점이 있다.
이벤트 버스의 단점: 상-하위 간의 데이터 전달 구조를 따르지 않아 단방향 데이터 흐름이 아닌 셀 수 없이 많은 데이터 흐름(Countless Ways Data Flow) 이 된다는 단점이 있다.
뷰가 데이터 변화를 감지했을 때 자동으로 화면을 다시 갱신하는 특성이다.
watcher 속성이란?
모든 컴포넌트에 존재하는 속성으로 화면을 다시 그리는 데 중요한 역할을 한다.
만약 인스턴스를 생성하고 data 속성을 추가한다면?
data 속성의 반응성은 '인스턴스를 생성하는 시점'에 생기므로 인스턴스 생성 이후 data 속성을 추가한다면 그 객체에는 반응성이 생기지 않는다.
클라이언트 사이드 렌더링: 일부만 그려져 있어 추가로 그려야 할 것이 남아있는 HTML 페이지를 브라우저에서 받고 프론트엔드 프레임워크와 같은 자바스크립트를 이용하여 나머지 부분을 그리는 것.
서버 사이드 렌더링: 완벽히 그려진 HTML 페이지를 브라우저에서 받는 것