vue父子組件傳值以及實例

由於內容相對來說是vue中相對基礎的內容,所以直接貼圖

//父傳子
傳遞:子組件標簽內使用自定義屬性定義值傳遞
接收:對象(優先使用) 數組

子組件內使用props進行接收 
1.數組
props:[
    title:"message"
]
2.對象
props:{
    title:{
        type:"接收的數據類型"
        default:"默認接收的數據"
        requied:true "接收的規則"
    }
}

接收:父組件使用自定義事件名稱進行接收
例:@handleData="handleData"

methods:{
    handleData(params){
        log("接收到的值"+params)
        //log 接收到的值為params
    }
    
傳遞:子組件標簽內自定義函數名稱
例:@click="handleData"(不需要寫括號)

methods:{
    handleData(){
        this.$emit("handleData","蔚藍");
        //第一個參數觸發的自定義函數名稱
        //第二個參數傳遞的數據
    	}
      }
}