Vue 组件化 · 30 章
🎒 风格
30节
第1章
Vue组件基础
🏗️
组件化思想
组件注册
命名规范
基本结构
第2章
组件通信·上
📞
父传子 Props
子传父 $emit
v-model通信
第3章
组件通信·下
🔁
EventBus
provide/inject
$attrs/$listeners
第4章
插槽实战
🧩
默认插槽
具名插槽
作用域插槽
复用场景
第5章
动态 & 异步组件
⚡
component标签
keep-alive
异步加载
路由懒加载
第6章
组件样式隔离
🎨
Scoped CSS
CSS Modules
:deep
样式穿透
第7章
复用核心 Mixin
🧬
定义与合并
命名冲突
优缺点
替代方案
第8章
复用进阶 Composables
🔧
组合式API
自定义Hook
与Mixin对比
状态共享
第9章
高阶组件 HOC
🎭
HOC概念
Vue实现
渲染劫持
属性代理
第10章
Render & JSX
📜
Render函数
createElement
JSX使用
函数式组件
第11章
组件设计模式·上
📐
容器/展示
受控/非受控
单向数据流
第12章
组件设计模式·下
🧩
提供者模式
组合模式
适配器模式
工厂模式
第13章
表单组件封装
📝
v-model封装
表单验证
动态表单
组件库设计
第14章
表格组件封装
📊
通用表格
列配置化
排序/筛选
分页集成
操作列
第15章
弹窗/对话框封装
🪟
模态框
拖拽弹窗
全局管理
Teleport
第16章
树形组件封装
🌳
递归组件
展开/折叠
节点选中
懒加载树
虚拟滚动
第17章
组件库搭建·上
📦
目录结构
打包配置(Vite/Rollup)
按需加载
第18章
组件库搭建·下
📚
文档生成(VitePress)
单元测试
发布npm
第19章
性能优化·上
⚡
虚拟滚动
虚拟列表
组件懒加载
函数式优化
第20章
性能优化·下
🚀
v-once/v-memo
shallowRef
计算属性缓存
事件委托
第21章
组件测试
🧪
Vue Test Utils
挂载/渲染
事件交互
快照测试
第22章
组件错误处理
⚠️
错误边界
errorCaptured
全局错误
异步错误
第23章
组件动画与过渡
🎬
Transition
TransitionGroup
JS钩子
列表动画
第24章
国际化 i18n
🌍
vue-i18n
多语言切换
动态语言包
日期/数字
第25章
组件主题化
🎨
CSS变量主题
动态切换
组件级覆盖
暗黑模式
第26章
无障碍 A11Y
♿
ARIA属性
键盘导航
焦点管理
屏幕阅读器
第27章
状态管理 Pinia
🗃️
Pinia集成
Store拆分
组件交互
持久化
第28章
第三方库集成
🔌
ECharts封装
地图组件
富文本编辑器
拖拽库
第29章
大型项目组件架构
🏛️
组件分层
业务/基础分离
目录规范
代码生成器
第30章
实战项目：后台管理系统
💼
表格+表单
弹窗+树
图表集成
完整组件集