vue3.0项目实战总结

前言 在每个vue组件中，都去手动引入 ref 和 reactive 是非常繁琐的一件事，我们可以通过插件来完成自动导入 安装插件 npm i unplugin-auto-import -D 配置插件

import { type RouteRecordRaw } from 'vue-router' RouteRecordRaw 是 Vue Router 中定义的一个类型，用于描述路由记录的原始对象。

> vue文件 > ```csharp ``` > ts文件 ```csharp // 该文件用于定义 button 的 props 属性 // 将 props 定义为 button 的类型 // E

1.组件数据懒加载--到可视区域再发请求（vue3） 关键：如何判断组件进入视口---useIntersectionObserver 技术方案： 我们可以使用 @vueuse/core 中的 useI