VUE 父组件给子组件传值； 子组件给父组件传值； 父组件按钮激活子组件事件；子组件获取父组件数据/方法

父组件给子组件传值

父组件
<header :msg="msg"/>
import header from '子组件路径'
data() { 
    return {
        msg: '我是信息'
    }
},
components:{
    header 
},

子组件
<div>{{msg}}</div>
props:{
    'msg': String
}

子组件给父组件传值

子组件
<button @click="passValue">给父组件传值</button>
methods：{
    passValue（）{
        this.$emit('fu',"123")
    }
}

父组件：
<zi @fu="fu"></zi>
import zi from '子组件路径'
methods：{
    fu（data）{
        console.log(data)
    }
}
components:{
    zi 
},

父组件按钮激活子组件事件

<div>
    <el-button @click='activeSonEvent'>激活子组件事件</el-button>
    <withdrawalAudit ref='sonEvent'/>
</div>
import withdrawalAudit from '子组件路径'
methods：{
    activeSonEvent(){
        this.$refs.sonEvent.sonEventName();    // sonEventName是要激活的子组件的事件名
    }
}
components:{
    withdrawalAudit 
},

子组件获取父组件数据/方法

this.$parent.数据名/方法名