11Vue学习

当前模块共收录 248 篇 Markdown 文档。

• 返回总览：/内容导航/
• 快速进入：组件化思维
• 重点入口数：8

推荐入口

推荐入口 1

组件化思维

来自 11Vue学习 模块的优先阅读入口。

推荐入口 2

开发记录：错误边界与客户端降级重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 3

开发记录：动画与复杂交互链路重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 4

开发记录：路由缓存与布局编排重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 5

开发记录：认证与路由权限链路重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 6

开发记录：异步组件与懒加载降级重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 7

开发记录：状态管理与 Pinia 迁移重构

来自 11Vue学习 模块的优先阅读入口。

推荐入口 8

开发记录：Nuxt 数据获取与渲染模式重构

来自 11Vue学习 模块的优先阅读入口。

最近更新

2026/03/20

表单组件校验体系重构

最近更新于 2026/03/20

2026/03/20

表格列扩展渲染体系重构

最近更新于 2026/03/20

2026/03/20

认证请求与路由权限链路重构

最近更新于 2026/03/20

2026/03/20

说说应用发布与互动链路重构

最近更新于 2026/03/20

2026/03/20

路由视图缓存与布局编排重构

最近更新于 2026/03/20

2026/03/20

错误边界与客户端降级渲染重构

最近更新于 2026/03/20

文档列表

分组 1

• 组件化思维
• 开发记录：错误边界与客户端降级重构
• 开发记录：动画与复杂交互链路重构
• 开发记录：路由缓存与布局编排重构
• 开发记录：认证与路由权限链路重构
• 开发记录：异步组件与懒加载降级重构
• 开发记录：状态管理与 Pinia 迁移重构
• 开发记录：Nuxt 数据获取与渲染模式重构
• 开发记录：Nuxt Server Routes与BFF接口边界重构
• 开发记录：Nuxt路由规则与混合渲染策略重构
• 开发记录：Nuxt生命周期与副作用时机重构
• 开发记录：Nuxt业务模块与feature目录重构
• 开发记录：Nuxt应用公共层与共享能力治理重构
• 开发记录：Nuxt中间件与插件注入边界重构
• 开发记录：Nuxt自动导入与隐式依赖边界重构
• 开发记录：Nuxt组合式能力分层与页面编排重构
• 开发记录：SSR 与水合文档化重构
• 开发记录：Vue 文档化重构实践
• 里程碑规划
• 详细设计：文档体系结构
• 详细设计：执行顺序与交付流
• 执行清单：里程碑任务开发与交付规范
• M5-2任务拆解：Nuxt 数据获取与渲染模式
• M5-2详细设计：Nuxt 数据流与渲染边界
• M5-3任务拆解：状态管理场景
• M5-3详细设计：状态边界与 Pinia 迁移
• M5-4任务拆解：动画与复杂交互场景
• M5-4详细设计：动画状态与交互协调层
• M5-5任务拆解：认证与权限场景
• M5-5详细设计：认证链路与权限边界
• M5-6任务拆解：路由缓存与布局场景
• M5-6详细设计：路由视图与缓存边界
• M5-7任务拆解：错误边界与降级场景
• M5-7详细设计：错误隔离与客户端降级边界
• M5-8任务拆解：异步组件与懒加载场景
• M5-8详细设计：异步加载与占位边界
• M5-9任务拆解：Nuxt中间件与插件场景
• M5-9详细设计：Nuxt运行时注入与中间件边界
• M5-10任务拆解：Nuxt路由规则与混合渲染场景
• M5-10详细设计：Nuxt路由规则与混合渲染边界

分组 2

• M5-11任务拆解：Nuxt生命周期与副作用场景
• M5-11详细设计：Nuxt生命周期与副作用时机边界
• M5-12任务拆解：Nuxt自动导入与隐式依赖场景
• M5-12详细设计：Nuxt自动导入与隐式依赖边界
• M5-13任务拆解：Nuxt Server Routes与BFF接口场景
• M5-13详细设计：Nuxt Server Routes与BFF接口边界
• M5-14任务拆解：Nuxt组合式能力分层场景
• M5-14详细设计：Nuxt组合式能力与页面编排边界
• M5-15任务拆解：Nuxt业务模块组织场景
• M5-15详细设计：Nuxt业务模块与feature目录边界
• M5-16任务拆解：Nuxt应用公共层治理场景
• M5-16详细设计：Nuxt应用公共层与共享能力边界
• M5任务拆解：SSR 与水合场景
• M5详细设计：SSR 数据流与水合边界
• 表单组件校验体系重构
• 表格列扩展渲染体系重构
• 错误边界与客户端降级渲染重构
• 待办应用核心逻辑重构
• 点餐页购物车联动重构
• 动画与复杂交互链路重构
• 技术选型分析
• 路由视图缓存与布局编排重构
• 认证请求与路由权限链路重构
• 树组件递归与勾选联动重构
• 说说应用发布与互动链路重构
• 异步组件与懒加载降级重构
• 总结
• Nuxt Server Routes与BFF接口边界重构
• Nuxt路由规则与混合渲染策略重构
• Nuxt生命周期与副作用时机重构
• Nuxt数据获取与渲染模式重构
• Nuxt业务模块与feature目录边界重构
• Nuxt应用公共层与共享能力治理重构
• Nuxt中间件与插件注入边界重构
• Nuxt自动导入与隐式依赖边界重构
• Nuxt组合式能力分层与页面编排边界重构
• SSR数据预取与水合重构
• Vue 组件化思维重构项目
• Vue练习项目重构统一框架
• Vue重构案例导航图

分组 3

• Vuex状态中心与Pinia迁移重构
• 1Auto-imports
• 3Vue-dev
• 水合
• 渲染模式
• Nuxt生命周期
• ClientOnly
• NuxtErrorBoundary
• nuxt-lifecycle
• sell
• docs
• sell
• 学习笔记
• sell
• vue-sell-app
• vue-sell-app
• note
• 00介绍
• 00预渲染
• 01基本用法
• 02编写通用代码
• 03源码结构
• 04路由和代码分隔
• 05数据预取和状态
• 06客户端激活
• [07bundle renderer指引](/11Vue学习/vue2相关文档学习笔记/服务端渲染/07bundle renderer指引)
• mvvm
• note
• 01概览
• 02响应式系统基本原理
• 03依赖收集
• 04实现VDOM下的一个VNode节点
• 05template模版是怎样通过Compile编译的
• 06数据状态更新时差异-diff及patch机制
• 07批量异步更新策略及nextTick原理
• 08Vuex状态管理工作原理
• 模版语法
• 0Class与Style绑定
• 0条件渲染
• 0列表渲染

分组 4

• note
• 后续
• 0表单控件绑定
• 0深入响应式原理
• 0过渡效果
• 1render
• 2函数化组件
• note
• note
• 插件
• 路由
• vue动画锚点
• 构建项目
• 8-program
• 风格指南
• 实现双向绑定
• 从入口开始
• 源码构建
• 源码目录
• Flow
• 1
• [2new Vue](/11Vue学习/vue2相关文档学习笔记/源码学习/02数据驱动/2new Vue)
• 3vue实例挂载
• 4render
• [5Virtual DOM](/11Vue学习/vue2相关文档学习笔记/源码学习/02数据驱动/5Virtual DOM)
• 6createElement
• 7update
• 1组件化
• 2createComponent
• 5生命周期
• 目标
• 配置合并
• 异步组件
• 组件注册
• 0
• 1响应式对象
• 3派发更新
• 计算属性和侦听属性
• 检测变化的注意事项
• 依赖收集

分组 5

• 组件更新
• nextTick
• 2parse
• 编译
• blog-title
• 00使用组件
• 00自定义事件
• 01使用Slot分发内容
• 02编译作用域
• 03单个Slot
• 04具名Slot
• 05作用域插槽
• 01编写可复用组件
• 02子组件索引
• 03异步组件
• 04组件命名约定
• 05递归组件
• 06内联模板
• 07使用v-once的低级静态组件
• 07X-Templates
• 技术选型分析
• 总结
• 03选项-1数据
• 内置组件
• 全局配置
• 全局API
• 实例方法/生命周期
• 实例方法/数据
• 实例属性
• 特殊特性
• 选项/其他
• 选项/生命周期钩子
• 选项/资源
• 选项/组合
• 选项/DOM
• 指令
• 1使用
• 2路由注册
• 3VueRouter对象
• 1介绍

分组 6

• 2Vuex初始化
• 3Store实例化
• Vue2项目资料：标签页 Demo
• Vue2项目资料：路由动画 Demo
• Vue2项目资料：数字输入框 Demo
• iview-test
• Vue2项目资料：iView 递归组件与动态组件
• Vue2项目资料：iView 组件通信
• Vue2项目资料：iview-test 项目概览
• nuxt-demo
• assets
• Vue2项目资料：nuxt-demo Assets
• components
• Vue2项目资料：nuxt-demo Components
• Vue2项目资料：Nuxt 项目总结
• Vue2项目资料：Nuxt 学习笔记
• middleware
• Vue2项目资料：nuxt-demo Middleware
• static
• Vue2项目资料：nuxt-demo Static
• store
• Vue2项目资料：nuxt-demo Store
• Vue2项目资料：nuxt-demo 项目概览
• sell
• docs
• Vue2项目资料：sell 文档索引
• Vue2项目资料：sell 项目概览
• Vue2项目资料：sell 学习笔记
• vue-sell-app
• Vue2项目资料：vue-sell-app 项目概览
• vue-admin
• Vue2项目资料：vue-admin 项目概览
• vue-book
• Vue2项目资料：vue-book 项目概览
• vue-todo
• Vue2项目资料：vue-todo 服务端渲染
• Vue2项目资料：vue-todo 前后端联调
• Vue2项目资料：vue-todo Chrome 插件
• Vue2项目资料：vue-todo EditorConfig
• Vue2项目资料：vue-todo ESLint 配置

分组 7

• Vue2项目资料：vue-todo Husky
• [Vue2项目资料：vue-todo scoped 与 CSS Modules](/11Vue学习/vue2相关整理都放这，vue3后的直接放目录下/vue-todo/docs/vue中scoped坑和css module)
• Vue2项目资料：vue-todo Vue Router
• Vue2项目资料：vue-todo Vuex
• Vue2项目资料：vue-todo webpack 优化
• Vue2项目资料：vue-todo webpack4 升级指南
• Vue2项目资料：vue-todo 实例初始化
• Vue2项目资料：vue-todo 项目概览