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)
    }
}