vue中v-model与:model以及v-bind区别

一、v-model  （常用于表单）

        v-model 是 v-model:value 的缩写，通常用于表单上的双向数据绑定（表单接受值 value，故v-model默认收集的就是 value ，所以缩写直接省略 value），可以实现子组件到父组件的双向数据动态绑定。数据不仅能从data流向页面，还可以从页面流向data。

二、:model

        :model 是 v-bind:model 的缩写，可以实现将父组件的值传递给子组件，但是子组件不能传给父组件，无法双向绑定。

三、v-bind

        v-bind:value 可以简写为 :value ，数据只能从data流向页面。