Vue.js 인스턴스 생성

• Vue.js 인스턴스 생성

 

• html

<div id="app">
	<p>{{num}}</p> <!-- 데이터 바인딩 -->
	<button v-on:click=addnum>+</button> <!-- 클릭 이벤트 바인딩 -->
</div>

 

• javascript

new Vue({
	el:'#app',  // Vue인스턴스와 html 요소를 연결
	data:{
		num:1
	},
	methods:{
		addnum:function(){
			this.num++;
		}
	}
});