더북(TheBook)

createApp() 함수를 호출하면 애플리케이션 인스턴스를 생성할 수 있습니다.

createApp() 함수는 전달하는 객체의 속성으로 생성되는 애플리케이션 인스턴스의 초깃값을 매개변수에 설정할 수 있습니다. 예제 코드에서는 data 속성이 정의된 객체를 매개변수로 전달합니다. data 속성은 값으로 객체를 반환하는 함수를 가지는데, 함수에 반환되는 객체는 뷰 인스턴스에서 데이터(data)로 사용할 수 있습니다.

createApp() 함수로 생성된 뷰 인스턴스를 DOM과 연결해야 합니다. 이를 위해 뷰 라이브러리에서 제공하는 $mount() 함수를 사용합니다. $mount() 함수의 매개변수에는 연결할 DOM의 id 속성 값을 전달합니다. 예제 코드에서는 #app을 전달하므로 createApp() 함수로 생성한 뷰 인스턴스는 id 속성의 값이 app인 DOM과 연결됩니다.

뷰 인스턴스가 DOM과 연결되면 뷰 인스턴스에서 생성된 값을 사용할 수 있습니다. 뷰 인스턴스에서 데이터를 정의했으므로 DOM에서 데이터를 사용할 수 있습니다. 사용하는 방법은 예제 코드처럼 {{}} 안에 data 속성에서 반환한 객체의 속성을 적으면 됩니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.