一、为什么要学 Vue3？1.1Vue3 的优势1.2Vue2 选项式 API VS Vue3 组合式 API1.3Vue3 组合式 API VS Vue2 选项式 API需求：点击按钮，让数字+1二、用 create-vue 搭建 Vue3 项目2.1 认识 create-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite(下一代构建工具)，为开发提供极速响应2.2使用 create-vue 创建项目1. 前提环境条件已安装 16.0 或更高版本的 Node.jsnode -v2. 创建一个 Vue 应用npm init vue@latest这一指令将会安装并执行 create-vue① Shift + 鼠标右键 = 打开 PowerShell 窗口② 准备工作：确认 node 版本③ 创建一个 Vue 应用2.3熟悉项目目录和关键文件关键文件：1. vite.config.js - 项目的配置文件基于vite的配置2. package.json - 项目包文件核心依赖项变成了Vue3.x 和 vite3. main.js - 入口文件createApp 函数创建应用实例4. app.vue - 根组件SFC单文件组件 script - template - style变化一：脚本 script 和 模板 template 顺序调整变化二：模板 template 不再要求唯一根元素变化三：脚本 script 添加 setup 标识支持 组合式 API5. index.html - 单页入口提供 id 为 app 的挂载点Vue3 项目中需要暂时禁用一下Vue2 插件 Vetur：Vue3 项目中 下载插件 volar：三、组合式 API3.1setup 选项3.1.1setup 选项的写法和执行时机setup 执行时期：