setup语法糖使用jsx

来源：8-9 创建 Vnode 以及使用 render function

kkdaly

2023-01-15

老师你好，setup语法糖的形式怎么使用jsx生成一个vnode模板呢，我试着写了一下，模板能生成，props却不能传递了

图片描述
app模板

写回答

1回答

张轩

2023-01-16

同学你好

使用 setup 语法以后，就不能使用默认导出了。

你可以这样写：

https://stackoverflow.com/a/70151867/776977

<script setup>
  import { h } from 'vue';

  const render = () => {
    return h('div', []);
  };

  const jsxNode = () => {
    return <div> text </div>;
  };
</script>
<template>
  <render />
  <jsxNode />
</template>

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

Vue3 script setup 语法不能正常使用

回答 1

setup 语法糖导出 type 飘红

回答 3

setup语法糖

回答 1

语法糖中使用promise

回答 1

生命周期钩子全是在setup中写吗

回答 1

打开慕课网App查看更多内容