vue子父组件数据互相传递

一父传子：

父页面：

  <Category :message="msg" :mesageSty="msgSty"/>

Category是子组件，msg和msgSty是父组件data的值，需要传给Category子组件

子组件：

接收父组件消息

<div>{{mesageSty}}</div>

export default {
	props: ['mesageSty','message'],

}

这时候子页面就拿到父页面传过来data里的msgSty

二子传父：

子页面：

this.$emit("parentEvent","我是子页面消息")

父页面接收：

  <Category @parentEvent="getData"/>

Category 是子页面组件

 methods:{
    	getData:function(data){
    		debugger
    		this.msg = data;   
    	}
}

这时候就拿到子页面的传的值存到父页面的data里了