v-bind指令:
<input type="button" value="按钮" v-bind:title="mytitle">
<input type="button" value="按钮" :title="mytitle+'123'">
data: {
mytitle:'这是一个title'
}
特点:
- v-bind 是vue中提供的用于绑定属性的指令
- v-bind 可以简写为----> :要绑定的属性
- v-bind 中可以写合法的字符串或则JS表达式
v-on指令:
<input type="button" value="按钮" v-on:click="show">
<input type="button" value="按钮" @click="show">
methods: {
show: function () {
alert('hello');
}
}
}
特点:
- v-on是vue中提供的用于事件绑定的指令
- v-on可以简写为----> @ 要绑定的属性