当前位置: 首页 > 知识库问答 >
问题:

vue.js - Vue3,template+JSX如何使用?

吕作人
2023-05-13
<script setup lang="jsx">
const jsx = () => <my-component></my-component>
</script>

<template>
    <div id="app">
        {{jsx()}}
    </div>
</template>

以上,我需要将my-component渲染进id为app的div内, 但是以上代码行不通,请问我该如何做?

共有1个答案

漆雕育
2023-05-13
<jsx />

不过要关注报错信息。

 类似资料:
  • Vue.js starter template A bare-bones starter-template to get your hands dirty with awesome Vue.js library. Built with: Vue.js 2 Vue Router 2 Axios Animate.css Babel Bootstrap 4 BrowserSync ESLint Font

  • 本文向大家介绍vue jsx 使用指南及vue.js 使用jsx语法的方法,包括了vue jsx 使用指南及vue.js 使用jsx语法的方法的使用技巧和注意事项,需要的朋友参考一下 vue  jsx  语法与 react  jsx  还是有些不一样,在这里记录下。 好了,下面看下vue.js 使用jsx语法的方法 1、创建一个测试的组件 2、把编辑器js语言的版本设置成jsx,这样编辑器 可以正

  • 我的项目目录如下: 其余 electron 为应用 main.js 主进程存放目录,dist、dist=electron 分别为 vue 的打包目录和 electron 的打包目录 之前我都是将 dist 上传到服务器,后 electron 中通过访问网络地址进行展示操作 但如今客户要求应用本地化,应该怎么做呢? 是将 electron 中的 mainWindow.loadURL() 指向本地 d

  • clone 了 vue-antdesign-admin-template 项目(https://github.com/yalin28/vue-antdesign-admin-template) package.json 如下 报了一堆错误,如何解决? 是因为这些包只限制了下限,没有限制上限的原因吗? 这个 eslint 版本是写在 package.json 的 devDependencies 下面

  • 没看到哪个组件库是把样式写在.vue文件里的

  • 我的组件是这样的 我看别人给的案例都是写元素的,但我这里有类名