1. vue hello world

HTML

<div id="app">
  <div>{{ 'hello ' +  'world' }}</div>
  
  <div v-text="text"></div>
  
  <div v-text="text + ' NTS!'"></div>
</div>

Vue

new Vue({
	el: '#app',
  data: {
  	text: 'hello world!!!',
  },
});

// vue 객체는 Options 객체를 가짐. 이 객체는 뷰의 핵심이며 데이터와 동작을 제어함.

// [Tip] body, html 태그에 Vue객체를 마운트하면 에러가 발생한다.

// data와 바인딩 된 엘리먼트는 data값이 바뀌면 자동으로 랜더링.