组件通信方法单页面应用（SPA --- single Page Application）组件通信父子通信子父通信

单页面应用（SPA --- single Page Application）

整个项目只有一个html文件视觉上的页面切换，本质是组件的切换

通过props实现

通过$emit实现

bus事件总线通信

获取并操作DOM、组件对象

本质就是new Vue() 实例对象

let bus = new Vue()  //事件总线对象

例如：溜娃

let bus = new Vue()

handleSend() {
    bus.$emit('give-a-candy',1)  //【2】触发bus总线自定义事件
    this.candy -= 1
}

created () {
    bus.$on('give-a-candy',(n)=>{ //【3】订阅总线bus对象的自定义事件
        console.log(n);
        this.candy += n
    })
},

用以获取真实DOM结构

不要过度使用DOM操作

适合用DOM操作的场景