本文介绍了在Vue.js中，当需要子组件向父组件传递数据时，如何利用自定义事件和`.sync`修饰符实现。Vue规定组件不能直接修改props的外部数据，而是通过调用`this.$emit`触发事件并传参，父组件通过监听事件并使用$event获取子组件传递的数据，进一步更新状态。`.sync`修饰符则简化了这一过程，实现了父子组件间的双向绑定。
我们知道，父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！
每个 Vue 实例都实现了事件接口(Events interface)，即：
使用 $on(eventName) 监听事件
使用 $emit(eventName)触发事件
使用 $event(eventName)接收事件返回值
$event可以获取$emit的参数// Vue2
// 子组件定义界面并给父组件传递事件
<button @click="emit('name', data-100)"/>
props:['data'
5235
3433
3997
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
