vue组件之间的通信传值

1. 父子组件之间

父传子：props
子传父：$emit()

$parent ：拿到父组件的值
$children：拿到子组件的值

通过ref绑定DOM，$refs来获取

2. 隔代组件

• EventBus （$emit / $on） 适用于 父子、隔代、兄弟组件通信
• $attrs/ $listeners 隔代组件通信
• provide / inject 适用于 隔代组件通信
• Vuex 适用于 父子、隔代、兄弟组件通信

--------------------------------------------------------------------------------

父传子：props || 子传父：$emit()

父组件

<DashboardSon  :title="tagData"  @mountedev="getEvent" />

data() {
	return{
		tagData："我是父组件中的数据"，
	}
},
methods: {
	getEvent(data){
				console.log(data，"子组件传递过来的值")
     },
}

子组件

<button @click="setEvent">
export default{
	props:{
		title:{
			type:Array,
			required :true,//提示这个prop值必须传递
		}
	},
	data(){return{}},
	methods: {
		setEvent(){
			this.$emit("mountedev",''实参'); 
		}
	}
}

方法二 ref 与 $parent / $children
可参考这个网址：https://blog.csdn.net/lhrdlp/article/details/106657709

待续。。。