vue.js 关于去哪儿实战的兄弟组件传值问题

this.$emit('change',e.terget.innerText)

const element = this.refs[this.letter][0]

watch : {
    letter ( ) {
        if （this.letter） {
            const element = this.refs[this.letter][0]
            this.scroll.scrollToElement(element)
        }
    }
}

handleLetterClick (e) {
// console.log(e.target.innerText)
// 获得当前的字母是什么 核心就是要把这个字母传递给list.vue
// 表示向外触发事件，事件名称为change， 事件内容为 this.letters[index]
this.$emit('change', e.target.innerText)
},

handleLetterChange (letter) {
// 实现了 City.vue 接收Alphabet.vue发送的数据，然后就是通过属性的形式 要把这个数据发送给List.vue
this.letter = letter
// console.log(letter)
}

watch: {
// wath 是一个监听器， 一旦letter发生了改变，那么就会执行这个事件
letter ( ) {
// console.log(this.letter)
if (this.letter) {
// const element = this.$refs['C'][0] 实验用
//  获取对应的元素
const element = this.$refs[this.letter][0]
console.log(element)
/// 下面这句代码就是 让betterscroll 滚动到指定区域，直接定位到指定的区域
// 里面的参数必须要是 dom元素或则dom选择器
this.scroll.scrollToElement(element)
}