一父傳子：

父頁面：

  <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裡了