Vue.js
https://gyazo.com/e6bf5b725f60dd9fa75b73de6dfef48e
Vue2.x 系を使用中
data オブジェクトに追加したプロパティがリアクティブになる
自身の data オブジェクトの全てのプロパティをリアクティブシステムに追加します。これらのプロパティの値を変更すると、ビューが”反応”し、新しい値に一致するように更新します。
よく使われる省略記法
v-bind は :で
code:js
<!-- 完全な構文 -->
<a v-bind:href="url"> ... </a>
<!-- 省略記法 -->
<a :href="url"> ... </a>
要素の属性にデータをバインドする
v-on は @ で
code:js
<!-- 完全な構文 -->
<a v-on:click="doSomething"> ... </a>
<!-- 省略記法 -->
<a @click="doSomething"> ... </a>
要素のイベントにメソッドをバインドする