在前面我们已经将vue2.0的知识差不多学习完了，今天我们来进入vue3.0的学习。
vue3.0作为一个大版本的升级，使用起来也是做了很多改变，接下来我们一点一点的来学习。
在学习vue3.0之前，我们学习一个新的打包工具vite.。
vite
vite是基于esbuild预构建的，esbuild是用GO语言编写的，比js编写的打包器预构建快10-100倍，js跟go语言相比太慢了。
与webpack相比：
vite服务器启动速度比webpack快，由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。当浏览器请求需要的模块时，再对模块进行编译，这种按需动态编译的模式，极大缩短了编译时间，当项目越大，文件越多时，vite的开发时优势越明显。vite热更新比webpack快，vite在HRM方面，当某个模块内容改变时，让浏览器去重新请求该模块即可，而不是像webpack重新将该模块的所有依赖重新编译。
Vite的使用简单，只需执行初始化命令，就可以得到一个预设好的开发环境，开箱即获得一堆功能，包括：CSS预处理、html预处理、异步加载、分包、压缩、HMR等。使用复杂度介于Parcel和Webpack的中间，只是暴露了极少数的配置项和plugin接口，既不会像Parcel一样配置不灵活，又不会像Webpack一样需要了解庞大的loader、plugin生态，灵活适中、复杂度适中。
因此vite被称为下一代前端开发与构建工具。
在vue框架中使用
在官方提供的vue脚手架中直接使用
步骤：
1、安装官方脚手架：
npm i @vue/cli -g
2、构建vite为基础的项目
以前我们vue create “项目名”，构建的都是用webpack打包的项目；
创建项目时，我们只需要 npm create vite@latest "项目名"
即项目构建完毕，vite的项目与webpack的项目相比，我们可以清晰的看到node_modules里面的包少很多