v-model的本质是属性绑定和事件绑定的结合，可以在标签上使用也可以在组件上使用
vue2标签使用
vue2组件使用
vue2 中 v-model实质是自定义属性：value和@input自定义事件
$event有两层含义：
1. 如果是原始DOM的事件，那么$event表示js的原生事件对象
2.如果是组件的自定义事件，那么$event是$emit传递的数据
vue3 中 v-model的本质是 :modelValue 和 @update:modelValue 两者的绑定
vue3 组件使用（父组件）
所以在子组件中响应定义modelValue属性
自定义属性的定义（子组件）
原生自定义事件
可以绑定多个v-model:
v-model：xxx='xxx'
总结：
1.v-model可以通过绑定多个属性的方式，向子组件传递多个值并且保证双向绑定
2.可以替代Vue2中sync修饰符（sync修饰符在Vue3中已经被废弃）
3.操作DOM vue2和vue3用法是一样的，操作组件时不一样
v-model语法糖 我们可以使用v-model对input进行双向绑定 v-model 语法糖本质是 :valu...
v-model 语法糖 jsbin代码示例
v-model的本质是属性绑定和事件绑定的结合，可以在标签上使用也可以在组件上使用 Vue2中v-model vu...
官方文档讲的比较模糊，自己通过例子进行理解。 v-model是语法糖 首先明确一点，v-model仅仅是语法糖。 ...
Vue3：v-model 一、v-model：双向绑定 Vue3：v-model规定： 属性名任意(假设为xxx)...
1、v-model 指令 v-model实现双向绑定的语法糖[https://blog.csdn.net/weix...
当v-model绑定在组件上时，相当于拆分v-model的语法糖父组件： 子组件：
起始v-model就是v-bind:value + 'input'事件的语法糖，使用v-model来进行双向数据绑...
自定义v-model v-model实际上是语法糖： 案例： $nextTick异步渲染 $nextTick会在D...
在组件上使用v-model v-model的原理v-model其实只是语法糖，当我们在input标签内写上v-mo...
本文标题：Vue3 v-model 语法糖
本文链接：https://www.haomeiwen.com/subject/mnyawltx.html
网友评论