소개

Vue .js를 배우기 시작했으므로 출력합니다.

지시어란?

v-on으로 시작하는 특별한 속성
Vue.js에 뭔가를 지시하는 메커니즘

마스터시 구문이란?

{{ 변수 이름 }}은 Vue에 정의 된 data 변수를 구성 요소와 템플릿에 포함시킬 수 있습니다.

v-bind

마스터시 구문은 텍스트 콘텐츠에 대한 기법, 속성에는 사용할 수 없습니다.
속성에 대한 데이터 바인딩에는 v-bind 지시문을 사용합니다.

<input type="text" value="{{プロパティ名}}"/>　←❌
<input type="text" v-bind:value="プロパティ名"/>　← ⭕️

예

index.html

<div id="app">
  <input type="text" v-bind:value="message"/>
</div>

app.js

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

위와 같이 기술하면

라고 표시된다.
v-bind는 이런 식으로 사용하십시오!