这是 Vue 2 到 Vue 3 的一个大变动

要求: 属性名可以任意,假设为value,那事件名必须为"update:value"

// Switch.vue

export default {
  props:{
      value: Boolean
    },
    setup(props,context) {
      const toggle = ()=>{
        context.emit('update:value',!props.value)
      }
      return {toggle};
    }
  }

<!-- SwitchDemo.vue -->

<Switch :value="y" @update:value="y = $event"/>//可以简写为<Switch v-model:value="y" />

$event的值是emit的第二个参数,emit(事件名,事件参数)

Vue3的v-model以及传值
Vue3：v-model 一、v-model：双向绑定 Vue3：v-model规定：属性名任意(假设为xxx)...
Vue3的组件上v-model的用法
Vue3的组件上v-model的用法用法示例：相当于 vue 2 注：Vue3 v-model没有.sync修饰符
vue3 v-model给子组件绑定属性
vue3 v-model给子组件绑定属性
vue3使用中VsCode 报 v-model directiv
最近在写vue3时一直因为vue3中新增的语法v-model:xxx 的写法报警告。以前vue2中没有携带参数的写...
Vue3.0 双向数据绑定
背景环境：vue3 + ts + vitevue3.0版本的双向数据绑定，是作了一些改动的，v-model其实是...
vue3 的 v-model
子组件类似于vue2的.sync 修饰符
Vue3的v-model
这是 Vue 2 到 Vue 3 的一个大变动要求: 属性名可以任意,假设为value,那事件名必须为"upda...
理解v-model及其修饰符 | 重学Vue3
这个月开始重新开始学习Vue3，从理解基本使用到模拟实现！这是关于v-model及其修饰符。看文本篇，你将对v-...
vue3 实现 v-model 原理
vue3 源码正式放出来了，想必大家也都开始争先恐后的学习 vue3 的知识了。由于 vue3 已经不再支持 v-...
Vue3 v-model 语法糖
v-model的本质是属性绑定和事件绑定的结合，可以在标签上使用也可以在组件上使用 Vue2中v-model vu...