defineEmits传值(子传父)
//子组件 <template> <div class="child"> 我是子组件 </div> </template> <script setup> import {defineEmits,onMounted} from 'vue' const emit = defineEmits() onMounted(()=>{ emit('getChildMsg','我是子元素,给父元素传的话') emit('secChildMsg','我是子组件,这是传给父组件的第二句话') }) </script> //父组件 <template> <div class="box"> <!-- 接收子组件的方法 --> <v-child @getChildMsg="getMsg" @secChildMsg="hSecChildMsg"></v-child> </div> </template> <script setup> // 引入后无需注册 import vChild from "../components/child.vue"; let getMsg = e => { console.log(e); //我是子元素,给父元素传的话 }; const hSecChildMsg = e => { console.log(e); // 我是子组件,这是传给父组件的第二句话 }; </script>
学而不思则罔,思而不学则殆!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具