Vue / Vinding(바인딩)

먼저 Vue를 사용하기 위하여 Script를 추가해 준다.

그리고 Vue로 바인딩 되는 data 는 {{}} 를 사용해 추가해준다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>

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

 

 

console.clear(); 를 통해 콘솔창을 비워준후

 

new Vue를 통해 Vue를 사용하겠음을 선언

el: '#app' => app이라는 id를 가진 el(element)를 선택

content 를 data에 입력해둔다.

console.clear();

let app = new Vue({
  el: '#app',
  data:{
    content: '바이'
  }
});

app.content = "안녕";

그후 app.content = 를 통해서 값이 잘 변경되어서 반영되는지 확인한다.