当前位置: 首页 > news >正文

vue3学习记录1:emit的写法

emit是用于child组件向parent组件通信的工具,因为vue3的script可以设置为setup,写法同vue2有较大区别。

一、script setup - 直接写

<script lang="ts" setup>const emit = defineEmits(['close']);function handleClose() {emit('close');}
</script>

二、script - 需要在setup函数中接收

<script lang="ts">import { defineComponent, onMounted } from 'vue'export default defineComponent({emits: ['init'],setup(props, { emit }) {onMounted(() => {emit('init')})})
</script>

http://www.lryc.cn/news/408625.html

相关文章:

  • Visual Studio Code + vue快速安装配置Node.js+Vue+webpack+vscode
  • 【Dart 教程系列第 49 篇】什么是策略设计模式?如何在 Dart 中使用策略设计模式
  • BGP路由反射器
  • DolphinDB Web 端权限管理:可视化操作指南
  • 学习Vue2收藏这一篇就够了(如何创建Vue实例)
  • Mysql数据库第四次作业
  • 使用Docker搭建MySql的主从同步+ShardingSphere搭建Mysql的读写分离
  • 数据结构:数据类型与抽象数据类型
  • 西方逻辑史简介
  • 【论文10】复现代码tips
  • 分布式缓存获取以及设置
  • SMO算法,platt论文的原始算法及优化算法
  • 2.3 openCv -- 对矩阵执行掩码操作
  • 【Django】 js实现动态赋值、显示show隐藏hide效果
  • qt--做一个拷贝文件器
  • Eclipse 搭建 C/C++ 开发环境以及eclipse的使用
  • 【初阶数据结构】复杂度算法题篇
  • 20240725项目的maven环境报红-重新配置maven
  • 若依 ruoyi poi Excel合并行的导入
  • 优化算法:1.遗传算法(GA)及Python实现
  • 企业化运维(8)Docker容器技术
  • Unity C#底层原理(二)
  • 计算机网络-配置路由器ACL(访问控制列表)
  • 51单片机嵌入式开发:20、STC89C52R基于C51嵌入式点阵广告屏的设计
  • VLC输出NDI媒体流
  • WiFi 局域网通信 - 发现服务和解析
  • ChatGPT建议前端学习计划
  • YOLO5项目目录最强解析
  • 【python】sklearn基础教程及示例
  • Linux:传输层(2) -- TCP协议(2)