大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

前言 最近在阅读vue官方中文文档时发现defineModel()宏，已经加入了v-model类目教程下面，记得之前刚出来还是实验性阶段的时候只在英文文档中有defineModel()宏的相关介绍。目

在Vue中，使用模板不够灵活，使用Tsx开发有着一些限制，为了更方便地混合使用Tsx 与 模板，笔者总结了一些技巧，点进来看看吧！

Vue - template Vue 官方推荐使用template语法来创建应用，虽然写法像html，但Vue最终会把template解析为render函数返回虚拟DOM，这点可以在Vue Dev T

Vue DevUI 所有组件都是 Vue3 + JSX 语法写的，我虽然会 Vue3，但是我不会 JSX 怎们办？ 有了这份《Vue3中使用JSX简明语法》宝典就不慌啦！ 文本插值、属性绑定、事件绑定

前言原因：闲的。还有一个原因吗？嘿嘿然后之前就说过了，我拿vue3直接干公司项目了，是内部的孵化项目，客户不多，但是也是正规的生产项目。技术栈说明：公司项目：js，element-plus，vue3，

👀背景 组内多人共同开发时免不了基于某UI库二次封装组件来适应项目业务场景的情况，但不知道大家有没有遇到过需要兼容部分或者穿透子组件全部Props或者Slots的情况，这种时候如果针对每一个Props

一般情况下每个vue组件都用"<template>"写html, 但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合"h"使用. render render是组件的一

本文是从 React 使用者视角带你解锁 Vue.2x 中开启 Composition API 并使用 TSX 地开发模式 🚀