汪图南
  • RAG

    • RAG
  • 快速入门
  • 高级技巧
前端面试之道
  • 打包工具

    • Webpack
    • Rollup
  • TypeScript

    • TypeScript基础
    • TypeScript类型挑战
  • CSS预编译器

    • SASS
  • 自动化测试

    • Vue应用测试
  • Vue2.0源码分析
  • Vue3.0源码分析
  • 数据结构和算法(基础)
  • LeetCode(刷题)
  • JavaScript书籍

    • 你不知道的JavaScript(上)
    • 你不知道的JavaScript(中下)
    • JavaScript数据结构和算法
    • JavaScript设计模式与开发实践
    • 深入理解ES6
  • Git书籍

    • 精通Git
Github
  • RAG

    • RAG
  • 快速入门
  • 高级技巧
前端面试之道
  • 打包工具

    • Webpack
    • Rollup
  • TypeScript

    • TypeScript基础
    • TypeScript类型挑战
  • CSS预编译器

    • SASS
  • 自动化测试

    • Vue应用测试
  • Vue2.0源码分析
  • Vue3.0源码分析
  • 数据结构和算法(基础)
  • LeetCode(刷题)
  • JavaScript书籍

    • 你不知道的JavaScript(上)
    • 你不知道的JavaScript(中下)
    • JavaScript数据结构和算法
    • JavaScript设计模式与开发实践
    • 深入理解ES6
  • Git书籍

    • 精通Git
Github
  • 深入浅出Vue.js

深入浅出Vue.js

Vue简介

架构设计和项目结构

目录结构

架构设计

数据响应式原理

Object的变化侦测

Array的变化侦测

变化侦测扩展API的实现原理

虚拟DOM

虚拟DOM简介

VNode介绍

Patch介绍

模板编译原理

模板编译

解析器

优化器

代码生成器

实例方法和全局API的实现原理

数据相关的实例方法

事件相关的实例方法

生命周期相关的实例方法

全局API

生命周期

生命周期图示

初始化阶段

模板编译阶段

挂载阶段

卸载阶段

从源码深入了解初始化实例

初始化实例属性

初始化事件

初始化inject

初始化状态

初始化provide

指令的奥秘

指令原理

自定义指令原理

虚拟DOM的钩子函数

过滤器的奥秘

过滤器的原理

解析过滤器

最佳实践

合理使用key

动态路由组件复用

路由向下传递query

一些需要避免的问题

命名规范

最后更新时间: 2025/7/23 14:03
贡献者: wangtunan