Vue3中sync修饰符的基本概念 官网
在Vue3里,sync修饰符可简化父子组件间双向数据绑定。以前,父子组件通信要自定义事件。比如父组件向子组件传值用props,子组件改值要发自定义事件给父组件。有了sync修饰符,这过程更简洁。 !-- 父组件 --template ChildComponent :title.sync="parentTitle" //templatescript setupimport ChildComponent from './ChildComponent.vue'import { ref } from 'vue'const parentTitle = ref('初始标题')// 这里的parentTitle可以在子组件中通过特定方式修改/script 使用sync修饰符时,要注意子组件触发的自定义事件名是在prop名前加update: 。