뷰 인스턴스

뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로

생성해야 하는 기본 단위이다. 이전 포스팅에서

'Hello Vue.js!' 텍스트가 화면에 표시된것은 인스턴스가 있었기

때문에 가능했던 것이다. 이렇게 인스턴스는

뷰로 화면을 개발하기 위한 필수 조건이다.

뷰 인스턴스를 사용하기 위해선 아래와같은

new Vue({ 의 형식으로 인스턴스를 생성한다.

nnew Vue 안의 소스들을 보면

el 안의 #app는 el 속성이라 부른다.

다음 data:{ 안의 값을 data 속성이라 부른다.

먼저 이전 포스팅에서 작성했던 Index.html을 보면

Hello Vue.js!를 출력하기 위해 new Vue()로 뷰 인스턴스를

생성하고, 인스턴스 안에 el 속성으로 뷰 인스턴스가 그려질 지점을

지정한다. 다음 data 속성에 message값을 설정하여 화면의

{{message}}에 연결한다.

new Vue()로 인스턴스를 생성할 때 Vue를 생성자 라고 한다.

Vue생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수 있다.

생성자를 사용하는 이유는 뷰로 개발할 때 필요한 기능들을

생성자에 미리 정의해 놓고 사용자가 그 기능을 재정의하여 편리하게

사용하도록 하기 위함이다 JAVA를 공부했다면 알것이다.