Vue3简介

官网链接

1、性能的提升

打包大小减少41%
初次渲染快55%，更新渲染快133%
内存减少54%

2、源码的提升

使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking ……

3、拥抱TypeScript

Vue3可以更好的支持TypeScript

4、新的特征

（1）Composition API（组合API）

setup配置
ref与reactive
watch与watchEffect
provide与inject ……

（2）新的内置组件

Fragment
Teleport
Suspense

（3）其他改变

新的生命周期钩子
data选项应始终被声明为一个函数
移除keyCode支持作为v-on的修饰符
……

创建Vue3.0工程

使用vue-cli创建

官方文档:传送门

## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version
## 安装或升级@vue/cli版本
npm install -g @vue/cli
## 创建
vue create vue_test
## 启动
cd vue_test
npm run serve

使用vite创建

什么是vite? --- 新一代前端构建工具
优势如下:

开发环境中,无需打包操作,可快速的冷启动

轻量快速的热重载(HMR)

真正的按需编译,不再等待整个应用编译完成

传统建构与 vite构建对比

## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
## 安装依赖
npm install
## 运行
npm run dev

Vue3--简介与基本使用

Vue3简介

创建Vue3.0工程