Vue3 前置知识

1. Vue3 简介

• 2020年9月18日，Vue.js发布版3.8版本，代号：one Piece(海贼王)
• 经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者
• 官方发版地址：Release v3.0.0 One Piece·vuejs/,core
• 截止2023年10月，最新的公开版本为：3.3.4

2. Vue3 工程创建

2.1 基于 vue-cli 创建

2.2 基于vite 创建（推荐）

vite是新一代前端构建工具，官网地址
vite的优势如下：

• 轻量快速的热重载(HMR),能实现极速的服务启动。
• 对TypeScript、JSX、CSS等支持开箱即用。
• 真正的按需编译，不再等待整个应用编译完成。
• webpack 构建与vite 构建对比图如下：
  
  

2.3 vue 工程创建

npm create vue@latest

• Vite项目中，index.html是项目的入口文件，在项目最外层。
• 加载index.html后，Vite解析