뷰 템플릿

뷰의 템플릿은 HTML, CSS등의 마크업 속성과

뷰 인스턴스에서 정의한 데이터와 로직들을 연결해서 

사용자가 브라우저에서 볼 수 있도록 HTML형태로 변환해 준다.


템플릿의 속성을 사용하는 방법은 두 가지로 되어있다.

먼저 첫 번째는 ES5에서 뷰 인스턴스의 템플릿 속성을

사용하는 방법으로 아래와 같다.



------------



이때 템플릿 속성에 대해 알아둬야할 특징이 있는데

사용자가 볼 수는 없지만 라이브러리 내부적으로

템플릿 속성에서 정의한 마크업 + 뷰 데이터를 가상 DOM

기반의 render() 함수로 변환하는 것이다.

변환된 render()함수는 최종적으로 사용자가 볼 수 있게 화면을

그려주는 역할을 한다. 그리고 그 과정에서 뷰의 반응성이

화면에 더해진다.


두 번째 방법은 싱글 파일 컴포넌트 체계의 <template>코드를

사용하는 방법이다. ES5문법은 이전 포스팅에서 많이 사용했기 때문에

여러번 볼수 있었다. 하지만 싱글 파일 컴포넌트 체계의 <template>코드

형식은 아직 사용하지않았다. 이부분은 나중에 포스팅 해야 할것같다.



'Vue.js' 카테고리의 다른 글

데이터 바인딩  (0) 2018.04.18
뷰 액시오스  (0) 2018.04.16
뷰 리소스  (0) 2018.04.16
웹 앱의 HTTP 통신 방법  (0) 2018.04.09
네임드 뷰  (0) 2018.04.09

댓글

Designed by JB FACTORY