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 事件

 

上一篇:7. v-bind 绑定Class操作 【数组语法】


下一篇:用生活例子理解JavaScript中的 call()bind()、apply()