摘要: 常用的父子组件通信方式都是父组件绑定要传递给子组件的数据,子组件通过props属性接收,一旦组件层级变多时,采用这种方式一级一级传递值非常麻烦,而且代码可读性不高,不便后期维护。 vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据 阅读全文
posted @ 2021-07-23 16:31 清和时光 阅读(1487) 评论(0) 推荐(0) 编辑
摘要: ###一、 安装pubsub npm i pubsub-js ###二、 import引入 import pubsub from 'pubsub-js' ###3、订阅 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身 methods(){ demo(data){..... 阅读全文
posted @ 2021-07-23 16:07 清和时光 阅读(211) 评论(0) 推荐(0) 编辑
摘要: ###全局事件总线(GlobalEventBus) 一种组件间通信的方式,适用于任意组件间通信 ###安装全局事件总线 main.js入口文件配置 new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线,$bus就 阅读全文
posted @ 2021-07-23 14:24 清和时光 阅读(493) 评论(0) 推荐(0) 编辑