v-bind

v-bind란?

 

v-bind는 아이디, 클래서, 스타일등의 HTML 속성 값에 뷰 데이터 값을 연결할 때 사용하는 방식

<div id="app">
<p v-bind:id="sample"></p>
<div>

 

<script>
   new Vue({
     el: '#app',
     data: {
        sample: '설명을 위한 예제 코드'
     }
   });
</script>

 

사용하는 이유 :

위처럼 인스턴스 안에 data를 정의했고, 그 안에 속성들을 정의했을 경우 해당 값을 화면에 mapping 시키기 위함!