<div>
<input type="text" v-model='msg'>
<child v-model='msg'></child>
</div>
v-model通常用于input的双向数据绑定 ,也可以实现子组件到父组件数据的双向数据动态绑定。
:model和v-model的区别:
:model是v-bind:model的缩写,<child :model="msg"></child>
这种只是将父组件的数据传递到了子组件,并没有实现子组件和父组件数据的双向绑定。当然引用类型除外,子组件改变引用类型的数据的话,父组件也会改变的。