理解.sync 的用法
最新回答
夜雨入梦
2021-12-23 04:52:33
Vue 中规定：
案例
Child 组件中不能直接修改从 props 接收外部数据 data，先把 data 存在 Child 组件数据 n 中，当 Child 组件需要修改 data 时，必须利用 $emit 触发父组件自身 update:data 方法修改正察 data ， $emit 在触发事件时将更新的 n 作为参数传回，在父组件中利用 $event 接收该参数更新到 data，从而同时完成子组件父组件 data 的更新
Child.vue
Vue 为了方便起见，将 <Child :data="data" @update:data="data = $event" /> 提供一个缩写，即 .sync 修饰符, <Child :data.sync="data" />
注意 带有 .sync 修饰符的 v-bind 不能和表达式一起使用芹拍 (例如 :data.sync=”data++” 会报错，只能传变量名称不能举首茄传表达式，v-model 也是)。
热门标签
