Section 2

순수함수

Vue로 그리는 화면의 요소들, 함수, 데이터 속성을 모두 Templates 안에 포함된다.

• Vue는 DOM의 요소와 Vue 인스턴스를 매핑할 수 있는 HTML template 을 사용.
• Vue는 Template으로 렌더링 할 때 Virtual DOM을 사용하여 DOM조작을 최소화 하고 렌더링을 꼭 다시 해야만 하는 요소를 계산하여 성능 부하를 최소화 한다.
• 원핟다면 render function을 직접 구현하여 사용 가능하다.

Single File Components with JSX (ES6)

Data Binding

• DOM 기반 HTML Template 에 vue데이터를 바인딩 하는 방법은 아래와 같이 크게 3가지가 있다.
  • Interpolation (값 대입)
  • Binding Expressions (값 연결)
  • Directives (디렉티브 사용)