父子通訊

子元件 child.vue

<button @click="giveParentMenthed">把這個方法拋到父元件</button>
<script>

　　const emit = defineEmits(['
 
ParentMenthed']); //因為vue3中，遵循按需引入，所以defineEmits在使用時需要引入

　　const giveParentMenthed=()=>{ 　　
　　　　　emit('ParentMenthed','這是子元件跑出來的點選事件，給父元件的資料') 　　
　　}
</script>

父元件 parent.vue

<child :data="childD" @ParentMenthed="giveParentMenthed"></child>
<script>
　　import child from './child.vue
 
' //引入

</script>

2：父傳子

父元件使用上面的父子元件，其中data就是需要傳入子元件的引數。

defineProps，在子元件裡接受