Vue子组件如何通过$emit和.sync向父组件传值？

本文共计1499个文字，预计阅读时间需要6分钟。

目录 + 父组件 + 子组件 + 案例 + 父组件 + 子组件 + v-model + 首先我们可先了解一个案例：父组件向子组件传值的一个示例：将父组件请求的后端数据传给子组件props + 因为通过属性传值是单向的，有时候我

目录

• 父组件
• 子组件
• 案例
• 父组件
• 子组件
• v-model

首先我们可先了解一个父组件向子组件传值的一个案例：将父组件请求的后端数据传值给子组件props

因为通过属性传值是单向的,有时候我们需要子组件的data 数据需要交给父组件使用:通过在子组件上定义自定义事件，在子组件中通过$emit 来触发事件；子组件的事件被触发并传参，事件处理函数可以接收到子组件的数据；事件绑定的事件处理函数在父节点上，故可在事件处理函数中用到子组件的数据值来修改父节点的数据。