博客列表 >vue 兄弟组件间的传值方式

vue 兄弟组件间的传值方式

拾一枝樱花的博客
拾一枝樱花的博客原创
2022年07月15日 11:03:50588浏览

1.新建一个bus.js文件(可以使用一个空的Vue实例作为中央事件总线。)

  1. import Vue from 'vue'
  2. const Bus = new Vue()
  3. export default Bus

2.在组件1中引入

  1. bus.$on("自定义事件",val=>{
  2. //这是事件函数 一旦changeBgc事件被触发,就会执行这里的代码
  3. console.log(val)
  4. })

3.在组件2中引入

  1. bus.$emit("自定义事件", "red")
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议