vue父子组件通信

1、父传子（props）

父组件demo

<子组件 v-bind:传值变量名=”父组件变量” ></子组件>

子组件demo

export default{
	props:[ “传值变量名” ],
}
{{传值变量名}}   或者   this.传值变量名

2、子传父（emit）

父组件demo

<子组件 v-on:子组件回传方法名="父组件响应方法"></子组件>

export default{
	methods:{
		父组件响应方法(data){
			....
		}
	}
}

子组件demo

<标签  @click="方法"/>

export default{
	methods：{
		方法(){
			this.$emit("子组件回传方法名",data)
		}
	}
}