2022年7月15日
v-model
v-model是进行动态双向绑定的(只能用在input, textarea, select上),以input为例,进行绑定后,vue对象中data的相应值会与input的输入同步变动。
// HTML
<input type="text" v-model="message">
new Vue({
data {
message: ' ', //最开始message为空
}
})
如果我们在input的输入框输入“打游戏”,则在data中message属性的值也会变为“打游戏”。
<input type="text" v-model="message"> / /在input中输入:打游戏
data {
message: '今天好困 ', // 此时message中数据自动更新为"打游戏"
}
v-bind(缩写为 : )
通常来说,当我们需要给一…