[Vue] Vue 인스턴스

[Vue] Vue 인스턴스

<div id="app">{{ msg }}</div>

<script>
var vm = new Vue({
  el: '#app',
  data: {
    msg: 'Hello world'
  }
});
</script>

• Vue 생성자 함수로 뷰모델을 만드는데 이것이 Vue 인스턴스이다.
• Vue 인스턴스 자바스크립트 객체인데, 내부적으로 연결된 템플릿이 필요하다
• 그것을 el 키에 셀렉터 값으로 넣어주면 된다

{
  el: '#app'
}

• 그리고 data 객체는 인스턴스 상태를 저장하는 역할을 하는데 템플릿에 바인딩할 데이터들의 집합이다.
• msg 변수값을 템플릿에 인터폴레이션 문법으로 바인딩하여 출력하였다

{{ msg }}

출처

• http://blog.jeonghwan.net/vue/2017/03/27/vue.html