vue子组件和父组件之间的传值和方法的相互调用

vue子组件和父组件之间的传值和方法的相互调用

事件调用:
1. 子组件调用父组件事件

this.$parent.closeCurrentView();//

父组件:定义closeCurrentView事件


2. 父组件调用子组件事件

this.$refs.orderlist.parentHandleclick();//父组件 

子组件定义parentHandleclick事件


传值:
1. 子组件传值给父组件

this.$emit('aaa',mmmm)//
父组件<子组件 @aaa='getchlidData'></子组件> 

定义 getchlidData事件getchlidData(e),参数e可直接获取子组件传来的值(此处为mmmm)

2. 父组件传值给子组件

<子组件 :值="val"></子组件> //父组件

props:['值']//子组件,子组件即可直接使用‘值’

原文地址:https://www.cnblogs.com/fuyuanling/p/13681818.html