vue兄弟コンポーネント間転送

715 ワード

1、main.js同級ディレクトリの下でnewを新規作成します.jsファイル
import Vue from 'vue'
export default new Vue()

2、コンポーネントaに値を出す
まずnewを導入する.jsファイル、$emitで値を転送



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


3、同級bコンポーネントで$onで受信

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


プロジェクトが大きければそのままvuexを使いましょう