1、在main.js同级目录下新建new.js文件

import Vue from 'vue'
export default new Vue()

2、在组件a中传出值

先引入new.js文件,再通过$emit传值

<template>
	<div @click="onfocus"></div>
</template>

<script>
    import New from '@/new.js'
    
	export default{
		methods:{
	    	onfocus:function(fromid){
		    	New.$emit('getisshow',{
		    		show:true
		    	})
		     }
	    }
	}
</script>

3、在同级b组件中通过$on接收

<script>
    import New from '@/new.js'
    
	export default{
		created(){
			New.$on('getisshow',data => {
				console.log(data)   //{show:true}
			})
		}
	}
</script>

项目大的话就直接用vuex吧

Logo

前往低代码交流专区

更多推荐