vue子组件传值给父组件
时间: 2023-11-08 21:07:03 浏览: 160
Vue 最常用不同组件传值
Vue子组件向父组件传递数据的通信方式有很多,其中常用的有以下三种方法:
1. 使用props实现:父组件向子组件通过props传递一个函数,子组件触发事件时,调用这个函数,把自己的数据传给父组件,实质是进行了父子之间的相互通信。
2. 使用$emit实现:子组件通过$emit触发一个自定义事件,父组件在模板中使用v-on监听这个事件,并在对应的方法中获取子组件传递的数据。
3. 使用ref实现:给子组件的实例对象绑定一个自定义事件,子组件在触发事件时,调用这个函数,把自己的数据传给父组件。
阅读全文