vue3项目快速了解

2020年9月18分布的vue3

性能有提升：打包大小减少41%，更快渲染，内存减少。

源码升级：Proxy代替defindProperty实现响应式。重写虚拟DOM的实现和Tree-Shaking。

拥抱TS：更好的支持ts.

新特性：

vue3工程创建有两种创建方式，1,vue-cli创建。2，vite创建。

前端webpack是构建工具的老大哥。在vue3中又写了一个构建工具vite，vite相当于webpack,vite和后端maven不相似，npm和maven相似。

vite：项目启动更快，不用配置， TS JSX CSS支持开箱即用。

webpack都分析都处理，vite看哪个处理哪个。

vscode写vue挺支持，webstrom也支持写vue。

以vscode中vue3+vite+ts为例子：

.vscode文件夹里面：里面有一个.json文件，是提示安装插件。

puplic文件夹：里面放页签图标。

src文件夹：源代码文件

env.d.ts文件：ts不认识text等文件，在这个文件里做了申明对文件进行了申明。

index.html才是真正的入口文件

在index.html 中src中引入的main.ts文件。

在main.ts中，会挂载在一个id为#app的容器里面。容器app在index.html中：

APP

vue2是选项式，vue3是组合式