Fridolph Notes | Fridolph Notes

Skip to content

Fridolph Notes

Main Navigation 首页内容导航专题导航站点治理

Appearance

Sidebar Navigation

11Vue学习总览

组件化思维

docs

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

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

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

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

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

开发记录：状态管理与 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路由规则与混合渲染边界

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重构案例导航图

Vuex状态中心与Pinia迁移重构

Nuxt4

核心概念

1Auto-imports

3Vue-dev

水合

渲染模式

Nuxt生命周期

Components

ClientOnly

NuxtErrorBoundary

note

nuxt-lifecycle

program

sell

docs

sell

学习笔记

sell

vue-sell-app

vue2相关文档学习笔记

服务端渲染

vue-ssr-demo

note

00介绍

00预渲染

01基本用法

02编写通用代码

03源码结构

04路由和代码分隔

05数据预取和状态

06客户端激活

07bundle renderer指引

高级

50行代码实现MVVM

mvvm

Proxy与defineProperty

note

vue内部运行机制

01概览

02响应式系统基本原理

03依赖收集

04实现VDOM下的一个VNode节点

05template模版是怎样通过Compile编译的

06数据状态更新时差异-diff及patch机制

07批量异步更新策略及nextTick原理

08Vuex状态管理工作原理

基础

2模板语法

模版语法

4Class与Style绑定

0Class与Style绑定

5条件渲染

0条件渲染

6列表渲染

0列表渲染

note

7事件处理器

后续

8表单控制绑定

0表单控件绑定

进阶

1深入响应式原理

0深入响应式原理

2过渡效果

0过渡效果

4Render函数

1render

2函数化组件

5自定义指令

note

7插件

vue-bus

note

插件

8路由

路由

vue动画锚点

构建项目

8-program

风格指南

实现双向绑定

源码学习

01准备

从入口开始

源码构建

源码目录

Flow

02数据驱动

1

2new Vue

3vue实例挂载

4render

5Virtual DOM

6createElement

7update

03组件化

1组件化

2createComponent

5生命周期

目标

配置合并

异步组件

组件注册

04响应式原理

0

1响应式对象

3派发更新

计算属性和侦听属性

检测变化的注意事项

依赖收集

组件更新

nextTick

05编译

2parse

编译

blog-title

组件

1使用组件

00使用组件

3自定义事件

00自定义事件

4使用Slot分发内容

01使用Slot分发内容

02编译作用域

03单个Slot

04具名Slot

05作用域插槽

6杂项

01编写可复用组件

02子组件索引

03异步组件

04组件命名约定

05递归组件

06内联模板

07使用v-once的低级静态组件

07X-Templates

组件化思维

技术选型分析

总结

API

03选项-1数据

内置组件

全局配置

全局API

实例方法/生命周期

实例方法/数据

实例属性

特殊特性

选项/其他

选项/生命周期钩子

选项/资源

选项/组合

选项/DOM

指令

vue-router

1使用

2路由注册

3VueRouter对象

vuex

1介绍

2Vuex初始化

3Store实例化

vue2相关整理都放这，vue3后的直接放目录下

demo

标签页

Vue2项目资料：标签页 Demo

给路由添加动画

Vue2项目资料：路由动画 Demo

数字输入框

Vue2项目资料：数字输入框 Demo

iview-test

docs

Vue2项目资料：iView 递归组件与动态组件

Vue2项目资料：iView 组件通信

Vue2项目资料：iview-test 项目概览

nuxt-demo

assets

Vue2项目资料：nuxt-demo Assets

components

Vue2项目资料：nuxt-demo Components

docs

Vue2项目资料：Nuxt 项目总结

Vue2项目资料：Nuxt 学习笔记

middleware

Vue2项目资料：nuxt-demo Middleware

static

Vue2项目资料：nuxt-demo Static

store

Vue2项目资料：nuxt-demo Store

Vue2项目资料：nuxt-demo 项目概览

program

sell

docs

sell

Vue2项目资料：sell 项目概览

Vue2项目资料：sell 学习笔记

vue-sell-app

Vue2项目资料：vue-sell-app 项目概览

vue-admin

Vue2项目资料：vue-admin 项目概览

vue-book

Vue2项目资料：vue-book 项目概览

vue-todo

docs

Vue2项目资料：vue-todo 服务端渲染

Vue2项目资料：vue-todo 前后端联调

Vue2项目资料：vue-todo Chrome 插件

Vue2项目资料：vue-todo EditorConfig

Vue2项目资料：vue-todo ESLint 配置

Vue2项目资料：vue-todo Husky

Vue2项目资料：vue-todo scoped 与 CSS Modules

Vue2项目资料：vue-todo Vue Router

Vue2项目资料：vue-todo Vuex

Vue2项目资料：vue-todo webpack 优化

Vue2项目资料：vue-todo webpack4 升级指南

practise

01instance

note

Vue2项目资料：vue-todo 项目概览

本页导航

Vue实例的创建和作用

Vue实例的属性

Vue实例的方法

Pager

上一篇Vue2项目资料：vue-todo webpack4 升级指南

共 21 个模块，1346 篇 Markdown 文档。

Built with VitePress