©2020-2024 ioDraw All rights reserved,
Privacy Policy
1、父组件 传值 子组件
父组件：<Header :msg='msg'/>
子组件：
props:['msg']
props:{
msg:数据类型
}
子组件props的内容为冒号后面的内容，不是引号里面的内容，一般来说是:xxx='msg' ，props:['xxx'] ，为了方便一般
冒号和引号里的内容一致。
2、子组件 传值 父组件
<input v-model='changeVal'>
子组件：this.$emit("childInput",this.changeVal);
父组件：
<Header @childInput = 'getVal' />
methods:{
getVal(msg){
//msg就是 子组件传递的数据
}
}
子组件的第一个参数为自定义事件的名称，第二个参数为要传的数据。
3、兄弟组件之间的传值
通过一个中转（事件总线bus）
A兄弟传值：
import bus from '@/common/bus'
bus.$emit("toFooter",this.msg)
B兄弟接收：
import bus from '@/common/bus'
bus.$on('toFooter',(data)=>{
this.str=data
})
//bus.js import Vue from 'vue'; export default new Vue; //使用 A兄弟 传值 import bus
from '路径' bus.$emit('自定义事件名称',输出数据) //使用 B兄弟 接收 import bus from '路径'
bus.on('自定义事件名',(res)=>{})