var bus = new Vue()
bus.$on("。。",()=>{
}) // 监听事件
bus.$emit("。。") //触发事件
<body> <div id="box"> <child1></child1> <child2></child2> </div> <script type="text/javascript"> //中央事件总线 bus var bus = new Vue() Vue.component("child1",{ template:` <div>child1</div> `, //child1 组件 创建完成, 并且渲染到dom节点上 mounted(){ console.log("moutend","8个生命周期中一个,组件上树后触发") bus.$on("kerwin",(data)=>{ console.log("child1监听的函数",data) }) } }) Vue.component("child2",{ template:` <div>child2 <button @click="handleClick">click</button> </div> `, methods:{ handleClick(){ bus.$emit("kerwin","1111111111111111111") } } }) var vm = new Vue({ el:"#box", methods: { } }) </script> </body>