[Vue.js] 기초

 

1. 두 가지 장점

 

- 양방향 데이터 바인딩 *****

화면에 표시되는 값과 프레임워크의 모델 데이터 값이 동기화되어 / 한쪽이 변경되면 다른 한쪽도 자동으로 변경되는 것

 

- 단방향 데이터 흐름

컴포넌트 간에 데이터를 전달할 때, 항상 상위 컴포넌트에서 하위 컴포넌트 한 방향으로만 전달하게끔 프레임워크가 구조화되어 있는 것

 

- 가상 돔 랜더링 방식

가상 돔(Virtual DOM)을 활용하면 특정 돔 요소를 추가하거나 삭제하는 변경이 일어날 때, 화면 전체를 다시 그리지 않고 프레임워크에서 정의한 방식에 따라 화면을 갱신한다.

=> 사용자 인터랙션이 많은 요즘의 웹 화면에 적합한 동작 구조를 갖춤

=> 따라서 브라우저 입장에서는 성능 부하가 줄어들어 일반 렌더링 방식보다 더 빠르게 화면을 그릴 수 있다.

 

cf) 렌더링 : 브라우저에 웹 페이지를 그려내는 동작