v-model和:model的区别

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优先级更高，而且需区分这个元素是单个的还是一组出现的。