vue组件间传值的方法你知道几种

<template class="father">
   <child :自定义属性名="父组件的变量"></child> 
<template >

export default {
	name: "child",
	props: ["自定义属性名"],
    data() {}
}

<template class="father">  
	<child  @自定义事件="父的处理函数">
<template >
export default {
	name: "father",
	data() {}
	methods:{
		父的处理函数(参数){
            //参数：得到子组件触发事件($emit)时，传递过来的数据
        }
    }
})

import Vue from 'vue';
const eventBus= new Vue()  //创建事件总线
export default eventBus;

import eventBus from '@u/eventBus'
eventBus.$emit('send',‘hello')

import eventBus from '@u/eventBus'
eventBus.$on('send', msg => {
	console.log(msg)  //控制台输出 hello
}

import eventBus from '@u/eventBus'
eventBus.$off('send')  

switchLoadPage(msg) {
    if(!this.loading && msg)
  		this.loadtext=msg;
  		this.loading = !this.loading;
},

this.$parent.switchLoadPage();

<result ref="result" :config="dgConfig"  ></result>

methods: {
  	info(){
   		this.$refs.result.sdata = this.sdata;
    },
}