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

vue3在 script 中定义组件

news 2025/9/25 13:37:29

写法一

<template><test />
</template><script setup lang="tsx">
import { ref, h, render } from "vue";function test() {return h("div", { class: "test" }, "test");
}
</script>

写法二

<template><test />
</template><script setup lang="tsx">
import {  h } from "vue";const test = {props: ['name'],render({ name }) {return h("div", { class: "test" }, name);}
}
</script>

写法三

<template><test />
</template><script setup lang="tsx">
import { ref, h, render } from "vue";function test3(props) {return (<div class="test">test3</div>);
}</script>
http://www.dtcms.com/a/403027.html

相关文章：

  • 【CSRF】防御
  • vue从template模板到真实渲染在页面上发生了什么
  • 从构建工具到状态管理：React项目全栈技术选型指南
  • 做彩票网站电话多少钱湛江网站网站建设
  • 云手机性能会受到哪些因素的影响？
  • app网站维护网站开发众包平台
  • [iOS] OC高级编程 - 引用计数 (1)
  • MyBatis-Plus实用指南：玩转自动化与高效CRUD
  • 揭开AI神秘面纱：大语言模型原理与Python极简开发
  • cmake详解
  • RabbitMQ-高可用机制
  • 云手机对网络游戏的重要性
  • 莱州做网站设计院一般年薪
  • Java 将 PDF 转换为 HTML：高效解决方案与实践
  • 从Prompt到Answer：详解AI Agent架构中的ReAct模式与工具调用
  • 六、OpenCV中的图像读写
  • 设计案例的网站pc开奖网站建设
  • 10月底实习准备-Mysql（按面试频率准备）
  • Flink Watermark机制解析
  • Windows系统Web UI自动化测试学习系列2--环境搭建--Python-PyCharm-Selenium
  • 实战：基于HarmonyOS 5构建分布式聊天通讯应用
  • 承德网站建设公司网页设计模板设计
  • HCIP-IoT/H52-111 真题详解（章节C），接入技术和网络设计 /Part1
  • 灵画-AI绘画小程序
  • 从拆盒到共创：手办盲盒抽赏小程序的多元体验与文化联结
  • 做网站必须学php吗现在感染症状有哪些
  • 如何在电脑上备份Redmi
  • 云计算实验1——CentOS中hadoop的安装
  • 使用 Captura 和 FFmpeg 配置免费高效的录屏环境
  • FFmpeg安装（Windows）