本次核心为vue3+vite驱动
1、node版本要大于16.0
2、npm init vue@latest (基于create-vue创建)

产生响应式数据：reactive(对象类型)、ref（简单类型+对象类型）ref本质是通过reactive实现
夸层组件通讯：provide 、inject

状态管理库: storeToRefs() 结构赋值时处理响应式数据,方法直接结构就可以

一、当二级路由跳转后页面不刷新（详情页id变化了数据未变化）
1、在二级路由出口处添加关键key(整个页面都重构)

 <RouterView :key="$route.fullpath" />

2、精细化配置

import { onBeforeRouteUpdate } from 'vue-router'
请求指定的接口是在onBeforeRouteUpdate中重新调用

image.png