制作 Button 组件 [toc] 需求分析 借鉴 AntD/ Bulma/Eleme/iView/Vuetify 等 需求 可以有不同的等级 可以是链接，可以是文字 可以 click/focus/鼠标悬浮 可以设置size 可以设置状态为禁

制作 Tabs 组件 [toc] 需求分析 点击 Tab标签页 切换内容 有一条横线跟随在动 API 设计 使用Tabs组件 标签式 1 2 3 4 5 <Tabs> <TabItem title="导航1"

1.1 模仿Vue官网首页 创建首页和文档页 [toc] 创建首页和文档页 Vue官网首页 创建src/view目录以及文件Docs.vue Home.vue 开始创建官网 Home.vue TopNav: 左边是

9.0 简单轮子 总结 大纲链接§ [toc] 阶段性总结 只在有设计稿和需求文档的情况下写代码 落实设计稿 落实需求文档 明确责任 单元测试是重构的前提 工具知识（webp

手风琴组件 大纲链接§ [toc] 需求分析 可展开显示项目内容 可折叠隐藏内容区 可禁用 可配置一次只可展开一个项目，折叠其他项目 默认折叠时显示向右箭头，展开时

鉴权与相关 API 接口封装 意为authentication 鉴权，区别于authorization 授权 详细知识见我的另一篇博客 【HTTP非全解4】鉴

定位居中方式应用场景速记 大纲链接§ [toc] 块级元素靠右的实现方式 元素对齐 居中方法简称 水平/垂直 行内/块级/* 支持不固定宽高 触发*FC 兼容性 vertical-align + inline-block 垂

7.1 简单轮子：VuePopover组件 大纲链接§ [toc] popover组件 需求 可以激活 hover click 激活后弹出提示 简单文本提示 复杂内容 两种形式 按钮在popov