vue中v-model和 :model的区别理解
1、v-model:通常用于表单上双向数据的绑定,如果除了表单其他组件使用时,起不到任何效果。它还可以实现子组件到父组件的双向数据动态绑定。<input type="text" v-model="message">new Vue({el:'#app',data:{message:"你好"}})1、:model:model是v-bind:model的缩写。<child :model
·
1、v-model:
通常用于表单上双向数据的绑定,如果除了表单其他组件使用时,起不到任何效果。它还可以实现子组件到父组件的双向数据动态绑定。
<input type="text" v-model="message">
new Vue({
el:'#app',
data:{
message:"你好"
}
})
1、:model
:model是v-bind:model的缩写。
<child :model="message"></child>
只是将父组件的 值传递给和子组件,但是并未实现子组件
和父组件之间的双向数据绑定,当然引用类型除外,子组件改变了引用类型的数据的话,父组件的数据也会跟着改变。
更多推荐
已为社区贡献3条内容
所有评论(0)