1.核心：ref、reactive、computed、watch、生命周期

2.常用：hooks、自定义ref、路由、pinia、mitt

一、创建vue3 工程

1.1基于vite创建

1.2 创建流程

创建流程

 npm create vue@latest

 进入项目文件夹

# 删除自带vue npm uninstall vue

# 固定安装 3.3.4（注意是 3.3.4，不是3.34） npm install vue@3.3.4

锁定版本，防止自动升级

配套插件兼容

Vue3.3.4 对应 @vitejs/plugin-vue@4.x，安装匹配版本：

需要先降级vite

npm install vite@^5.0.0 -D

setup配置项

(1）面试题(setup中不能使用this）

setup和data和methods的区别，可不可以同时写，如果冲突了，以谁为主

setup执行的生命周期比data早，

执行优先级从高到低：setup>data>methods

vue2中的data和methods可以vue3中的语法共存，vue2的语法可以读取vue3中的数值（vue2的data可以读取vue3的setup中的值），

更改编号名称插件：npm i vite-plugin-vue-setup-extend -D

http://localhost:5173/

ref ====>可以定义：基本类型、对象类型的响应式数据

reactive===>可以定义：对象类型的响应式数据

ref是底层是基于reactive实现的