Vue3/Vite/Typescript 尝鲜

Vue3早已正式发布，增加了不少新的功能，尤其是对于typescript的支持，让准备由Angular转Vue的我尤为感兴趣。简单试了试，遇到些坑，罗列一下：

Vite

先说Vite， Vite是一个新的东西，也是尤大人的作品，已经发布了多个RC版本（Till 2020.12），1.0 即将发布,是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动， 不再依赖webpack （据说目标是不只支持Vue）：

1. 快速的冷启动，不需要等待打包操作；
2. 即时的热模块更新，替换性能和模块数量的解耦，是的更新速度更快；
3. 使用了ES Module,代码以模块的形式引入到文件，同时实现了按需加载。
   总之一个字，“快”。当然，针对的是开发环境 ：）

项目实战

创建vue项目

创建一个叫vue3vite的vue项目

$ npm init vite-app vue3vite
$ cd vue3vite
$ npm install
$ npm run dev

可以看到，package.json 如下，

{
   
  "name": "vue3vite",
  "version": "0.0.0",
  "scripts": {
   
    "dev":