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:['值']//子组件，子组件即可直接使用‘值’