vue指令之表单控件绑定v-model v-model与v-bind结合使用
一、表单控件绑定v-model
v-model双向数据绑定;一般用于表单元素,会忽略表单元素的value、checked、selected的初始值,且将Vue实例的数据作为数据来源。
①单行文本框input[type="text"]、多行文本框textarea:
v-model值绑定到value属性;
ps:下面看下Vuev-bindv-model的使用
v-model指令在表单控件元素上创建双向数据绑定,所谓双向绑定,指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致,两者无论谁被改变,另一方也会相应的更新为相同的数据
最基础的就是实现一个联动的效果
Multilinemessageis: {{message}}
checkbox
jack John Mike
Checkednames:{{checkedNames}}