
vite_vue3_demo: vite + vue3 + tsx(实验性框架)
5星
- 浏览量: 0
- 大小:None
- 文件类型:None
简介:
vite_vue3_demo 是一个基于 Vite 和 Vue 3 的实验性项目,采用 TypeScript JSX (TSX) 进行开发,旨在探索前端构建工具与现代框架结合的潜力。
使用 Vue3 和 Vite2 结合一个较新的试验性框架构建项目,在新一代脚手架的基础上进行开发。目前 Vue3 生态系统正在逐步建立中,因此不建议直接将 Vue2.x 项目的代码升级到 Vue3。
入门指南:
- 运行开发服务器:`npm run dev`
- 构建项目:`npm run build`
- 生成报告:`npm run report`
风格指南:
1. 使用 TS(JS)+ 模板 + `vue-class-component`(选项API),这是官方推荐的传统写法,保留模板。
2. 使用 TSX 和合成 API:
```javascript
import { defineComponent } from vue;
import { RouterLink, RouterView } from vue-router;
export default defineComponent({
name: App,
setup() {
return () => (
// 组件内容
);
}
});
```
以上是基于 Vue3 和 Vite2 的项目构建方案概述。
全部评论 (0)
还没有任何评论哟~


