vue 父子傳值

1.父組件給子組件傳遞值
父組件通過屬性傳遞
子組件通過props接收



2.子組件給父組件傳遞值

子組件
methods: {
    //點擊事件
    handleLetterClick(e) {
        console.log(e.target.innerText)
        //向外傳遞change事件,傳遞值e.target.innerText
        this.$emit('change',e.target.innerText)
    }
}


父組件 @子組件傳遞事件名="自定義事件名"
<city-alphabet :cities="cities"
@change="handleLetterChange"></city-alphabet>

methods: {
    //處理自定義事件
    handleLetterChange(letter) {
        console.log('change',letter)
    }
}