vue3 初识

1. vue3 带来了什么

1. 性能提升

• 更小的体积
• 更快的渲染速度

2. 源码升级

• 使用 proxy 代替 defindPortery 实现响应式
• 重写虚拟dom的实现，和 tree-shaking

3. 拥抱 TypeScript

• vue3更好的支持 TypeScript

4. 新的特性

• 组合式 API (Composition API)setup 配置
• ref 和 reactive
• watch 和 watchEffect
• provide 和 injec

2.创建 vue3 工程

有两种方法创建 vue3 工程 vue-cli 脚手架和 vite

2.1 使用 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

2.2 使用 vite 创建

1. 什么是 vite -- 新一代的前端构建工具。以前的工具是 webpack。
2. 优势

• 开发环境无需打包，可以快速冷启动；
• 轻量快速的热重载
• 真正的按需要编译，不再等待整个应用编译完成

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