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

Vue3+Vite项目如何简单使用tsx

  1. 安装必要的依赖
    npm install @vitejs/plugin-vue-jsx -D
  2. 在 vite.config.ts 中添加以下内容
    import vueJsx from '@vitejs/plugin-vue-jsx'
    export default {plugins: [vueJsx()]
    }
  3. 在Vue页面使用
    <script lang="ts">
    import { defineComponent } from 'vue'
    export default defineComponent({setup() {return () => (<div>我使用tsx了,真开心</div>)}
    })
    </script>
  4. 运行效果如下 

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

相关文章:

  • 【基于落霞归雁思维框架的软件项目管理实践指南】
  • 【硬件-笔试面试题】硬件/电子工程师,笔试面试题-53,(知识点:硬件电路问题排查,CPU上电后未运转,供电、时钟,复位,硬件连接)
  • 【Linux系列】SSD 与 HDD
  • Git之本地仓库管理
  • 尾插法和倒序输出
  • 【Keras学习笔记】开发环境搭建
  • pig Cloud中分布式锁的使用(setIfAbsent)
  • QT聊天项目DAY17
  • LeetCode 85:最大矩形
  • Shader开发(五)什么是渲染管线
  • Flutter兼容的iOS的最低版本号
  • 链特异性文库是什么?为什么它在转录组测序中越来越重要?
  • 【普中STM32精灵开发攻略】--第 2 章 开发板功能及使用介绍
  • 浅谈“压敏电阻”
  • 基于单片机智能油烟机设计/厨房排烟系统设计
  • 开发避坑短篇(12):达梦数据库TIMESTAMP字段日期区间查询实现方案
  • 快速搭建Java服务指南
  • 网站技术攻坚与Bug围剿手记
  • 环境配置·mmsegmentation和mmcv的安装
  • 【11】大恒相机SDK C++开发 ——原图像数据IFrameData内存中上下颠倒,怎么裁剪ROI 实时显示在pictureBox中
  • PostGIS面试题及详细答案120道之 (061-070 )
  • sqli-labs靶场Less24
  • 网络基础——路由控制
  • 逻辑回归算法基础介绍,简单的二分类三分类实例
  • 异常检测:算法分类及经典模型概览
  • npm 设置国内镜像源
  • 正点原子 ATK-BLE04 、ATK-BLE05 蓝牙模块学习使用
  • Motif技术团队:利用行为序列预测模型进行因果推断的案例(二)
  • 嵌入式第十六课!!!结构体与共用体
  • 【Python修仙编程】(二) Python3灵源初探(9)