Vue中.native 和 .sync 修饰符的用法

327 阅读1分钟

1. 原生事件修饰符 .native

出现原因:因为组件标签是没有办法触发原生的js事件,Vue回将其作为自定义事件处理, 通过.native修饰符可以告知Vue绑定的是原生事件

2. 双向绑定修饰符 .sync

出现原因:父子组件之间的传值流程比较复杂,可以用.sync简化代码 一般情况:实现父子组件之间的传值,父组件通过props将值传给子组件,子组件通过$emit将值传给父组件,父组件通过事件监听来获取子组件传过来的值

<Child :money.sync='dataApp' />

等价与

<Child :money='dataApp' @update:money='dataApp'=$event />