双向绑定……保证了每一个form控件在内存中都有一个记录变量与之对应,这种对应是双向的,不管是ajax请求对内存中变量的操作,还是视图发生了改变,都会对相应的值进行更新。
使用v-model指令可以轻易做到这些。
简单的小例子:
Message is: {{ message }}
对于多行文本,v-model也有出色的效果,当然需要有一些改变。
Multiline message is:
{{ message }}
虽然
对于复选框,可以将布尔值绑定到控件上,甚至可以直接初始化。
多个复选框,我们也可以把它的值绑定到数组上去。
Checked names: {{ checkedNames }}
单选按钮貌似用一个变量就能搞定
Picked: {{ picked }}
还有关于下拉列表框的两种形式,单选和多选。
单选
Selected: {{ selected }}
多选
Selected: {{ selected }}
当然,对于
Selected: {{ selected }}
对其中一些绑定的说明:
最后是一些动作标记: