v-bind指令:
<input type="button" value="按鈕" v-bind:title="mytitle">
<input type="button" value="按鈕" :title="mytitle+'123'">
data: {
mytitle:'這是一個(gè)title'
}
特點(diǎn):
- v-bind 是vue中提供的用于綁定屬性的指令
- v-bind 可以簡(jiǎn)寫為----> :要綁定的屬性
- v-bind 中可以寫合法的字符串或則JS表達(dá)式
v-on指令:
<input type="button" value="按鈕" v-on:click="show">
<input type="button" value="按鈕" @click="show">
methods: {
show: function () {
alert('hello');
}
}
}
特點(diǎn):
- v-on是vue中提供的用于事件綁定的指令
- v-on可以簡(jiǎn)寫為----> @ 要綁定的屬性