vue的模板采用DOM模板,也就是说它的模板可以当做DOM节点运行,在浏览器下不报错,绑定数据有三种方式,一种是插值,也就是{{name}}的形式,第二种是v-bind,还有一种是v-model。{{name}}的形式比较好理解,就是以文本的形式和实例data中对应的属性进行绑定。
v-model
v-model
多在表单中使用,在表单控件或者组件上创建双向绑定,根据控件类型选择正确的方法更新元素,可以绑定text、radio、checkbox、selected。
:model
:model
是[v-bind](https://cn.vuejs.org/v2/api/#v-bind):model
的缩写,只数据绑定,没有双向绑定效果,但不一定在表单元素上使用,任何有效元素上都可以使用;
当v-bind和v-model同时用在一个元素上时,它们各自的作用没变,但v-model优先级更高,而且需区分这个元素是单个的还是一组出现的。