vue v-modal实现双向绑定的原理

vue2

v-modal  就是 v-bind:value="value"  然后触发 oninput  

v-model 是⽤来在表单控件或者组件上创建双向绑定的,他的本质是 v-bind 和 v-on 的语法糖,在

⼀个组件上使⽤ v-model ,默认会为组件绑定名为 value 的 prop 和名为 input 的事件。

  • v-bind:绑定响应式数据

  • 触发oninput 事件并传递数据

Vue3.0

在 3.x 中,⾃定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的

update:modelValue 事件

 

posted @ 2021-06-17 15:28  落魄的程序员  阅读(437)  评论(0)    收藏  举报