vue.js为开发者提供了很多便利的指令,其中v-model用于表单的数据绑定很常见,
下面是最常见的例子:
{ {msg}}
js里data初始化数据
new Vue({
el: "#myApp",
data() {
return {
msg:'hello'
}
},
浏览器渲染:
上面可知,v-model对应的数据为input的value属性
但是如果是checkbox,会有一点问题
{ {msg}}
没有给checkbox设置value属性
js中data为'':
new Vue({
el: "#myApp",
data() {
return {
msg:''
}
},
浏览器渲染: