1. Vue3的生态和优势

• 社区生态 - 逐步完善

• 整体优化 - 性能优化/TS支持优化/组合式API加持

• 市场使用 - 部分技术选型激进的公司已经在生产环境使用了vue3

社区生态

整体优化

1. 性能提升

   • 首次渲染更快

   • diff算法更快

   • 内存占用更少

   • 打包体积更小

2. 更好的Typescript支持

3. Composition API （重点）

1.2  Vite 简介

Vite：下一代前端构建工具，vue-cli 是基于 webpack 的脚手架，vite-app 基于 vite 的脚手架

# 用基于 vite 的 vite-app 脚手架来初始化项目
# 使用 npm 创建
npm init vite-app 项目名称
cd 项目名称
npm i
npm run dev

# 使用全局安装的 vite 创建
npm i -g create-vite-app
create-vite-app 项目名称
cd 项目名称
npm i
npm run dev

2. 组合式API

setup 入口函数

1. setup 函数是一个新的组件选项，作为组件中组合式API 的起点（入口）