Vue3 子传父

最新推荐文章于 2024-12-08 18:55:42 发布

luckyMrTang

最新推荐文章于 2024-12-08 18:55:42 发布

阅读量229

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/luckyMrTang/article/details/127852046

版权

这篇博客探讨了Vue框架中父子组件间的通信方式。通过`emit`函数在子组件中触发自定义事件`xxx`并传递数据'程序猿'，然后在父组件中使用`@xxx`监听该事件并接收传入的值，实现数据从子组件到父组件的流动。这展示了Vue中事件驱动的组件通信机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//子组件
<script setup>
const emit = defineEmits(['xxx'])
const send = ()=>{
 emit('xxx','程序猿')
 }
</script >

//父组件
<template>
 <Father @xxx="getName"></Father>
</template>
<script setup>
const getName(name)=>{
    console.log(name,'父组件传过来的值')
 }
</script>