Vue 中的 .sync 修饰符怎么用

295 阅读1分钟

Vue 的官方文档 .sync 的描述 → 点击这里

博客参考:点击这里

这个修饰符是在 2.3.0+ 版本中新增的。

子组件不能修改从外部父组件接收的值,怎么办呢?当子组件的这个值被修改时,触发一个事件,并将新值保存到一个地方,父组件中监听子组件的这个事件,得到这个值并修改成这个值。

  1. 组件不能修改 props 外部数据
  2. $emit可以触发事件,并传参
  3. $event可以获取$emit传的参数。

.sync 是一块语法糖,简化了监听的一串代码。

「@浪里淘沙的小法师」