v-model和:model的区别

v-model

v-model是vue.js中内置的双向数据绑定指令，用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。

:model

:model相当于v-bind:model的缩写，v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，

这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。

当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。