微语 微语:代码适合中午敲,早晚出BUG

Vue组件之间传递数据 Vue

1.设置总线,在main.js中

// 设置一个总线,用于组件之间传递参数
Vue.prototype.$bus = new Vue()

2.需要传数据出去的组件

            // 传递参数
            this.$bus.$emit("sendImg", res.imgUrl);

3.接收数据的组件

         // 接收参数
        this.$bus.$on('sendImg',(url)=>{
            this.imgUrl=url
        })