穿山甲钻代码

为什么封装？ 迎合es6模块化开发思想 注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可 请求数据都存放在pinia里面 类型检测 页面级组件 全局组件

对于一名前端程序员来说封装组件是一个必备技能。当我们在日常的工作中总有所用的组件库满足不了需求的情况，这就需要我们有封装组件的基本功了。 封装组件，可以提高我们代码的复用性，提高工作效率，提高代码的可

枚举是TypeScript的少数功能之一，它不是JavaScript的类型级扩展。 枚举允许开发者定义一组命名的常量。使用枚举可以使其更容易记录意图，或创建一组不同的情况。TypeScript提供了基

对象是我们组织数据的基本方式。除了常规的对象类型外，TS还提供了只读数组、元组、属性修饰符、索引签名等知识体系。 一、属性修饰符 利用属性修饰符，我们可以增强对象的属性的约束。 1. ?可选属性 可选

1.应用场景 如果访问的页面数据过多，为减少并发量，减少系统资源的消耗，这时候就需要用到懒加载，实现当组件进入可视区后再去发请求加载数据。 2.思路分析 如何判断一个dom元素是否进入了可见区域？ 传

什么是pinia Pinia 最初是在 2019 年 11 月左右重新设计使用Composition API 。从那时起，最初的原则仍然相同，但 Pinia 对 Vue 2 和 Vue 3 都有效，并

实现效果图 点击发送验证码 使用vueuse官方工具库提供的  useIntervalFn 方法 下包 导入 大概思路 HTML JS 要倒计时的数据time 如果时间大于0 不做任何操作 调用 倒计

骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 很多项目中都有应用。 话不多说

实现一个简易的 Message 消息组件，包含类型 API 有文本（text）、成功（success）、失败（error），支持直接传入一段文本。 封装一个Message组件： 为Message定义类