Vue 中的 .sync 修饰符

208 阅读1分钟

一种跨组件传输数据的语法糖

跨组件数据props获取数据,不能直接修改外部数据

props["x"] $emit('fn',x-10)

<Chidl :x="total" v-on:fn="total=$event"/>

$emit传入参数给外部 $event 获取传入x-10的值

将外部数据获取更改封装成.sync修饰符

<Chidl :x.sync="total/>

<comp :foo.sync="bar"></comp>
拓展为
<comp :foo="bar" @update:foo="val => bar = val"></comp>