vue父子组件传值

1.父组件给子组件传值用props属性实现

1. <city-list :cities='cities' :hot='hotCities' :letter='letter'></city-list>

子组件通过props属性来接收

1.  export default {
2.         name:"CityList",
3.         props:{
4.             hot:Array,
5.             cities:Object,
6.             letter:String
7.         }
8. }

2.子组件给父组件传值 ,通过$emit()实现

1. handleLetterClick(e){
2.              //把字母传给父亲，父亲再给List
3.              this.$emit('change',e.target.innerText)
4.           }
5. <city-alphabet :cities="cities" @change="handleLetterChange"></city-alphabet>
6. handleLetterChange(letter){
7.                this.letter=letter
8.            }