setup语法糖使用jsx

Question

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

Answer 1

张轩 2023-01-16 09:41:13

同学你好

使用 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>