4 웹 브라우저가 열리면 다음과 같은 내용이 화면에 렌더링되는 것을 확인할 수 있습니다.

그림 3-5 실행결과

TIP - 렌더링(rendering)은 HTML, CSS, 자바스크립트로 작성된 문서를 웹 브라우저 엔진이 해석해 그래픽 형태로 출력하는 과정을 의미합니다.

앞의 코드를 보면 객체에 data, methods, render라는 3가지 속성이 있습니다. 3가지 속성은 HTML 구조, 데이터, 함수 등을 객체 속성으로 설정합니다. 그리고 이 속성들을 매개변수로 전달해 객체를 바탕으로 뷰 애플리케이션의 인스턴스를 생성합니다. 이때 data, methods, render와 같은 속성들을 인스턴스의 구성 요소라고 합니다.