随记 - vue组件之间通信

#父子组件通信
1.props/emit

// 父组件 Home.vue
<template>
	<div>
		<HelloWorld msg="props传值" @tolp="laikun" />
	</div>
</template>
<script>
import HelloWorld from '@/components/HelloWorld.vue';
export default {
   
	components: {
   HelloWorld},
	setup(){
   
		const laikun = (e) => {
   
			console.log(e, '<--- e');
		};
		reutrn {
   laikun}
	}
}
</script>

// 子组件 HelloWorld.vue
<script>
export default {
   
	name: 'HelloWorld',
	props: {
   
		msg: String
	},
	setup(props, content){
   
		onMounted(() => {
   
			content.emit('tolp', props.msg);
		});