首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue源码深度解析系列
秦光辉
创建于2021-07-20
订阅专栏
深度解析Vue2源码,全面了解Vue底层实现原理
等 3 人订阅
共8篇文章
创建于2021-07-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue源码解析:编译之generate方法
Vue编译过程中generate的阶段,实际上就是将抽象语法树根据不同的情景使用不同的render工具方法拼接成可以生成Vnode的render函数。
Vue源码解析:编译过程之parse方法
parse方法其主要思想就是遍历html的字符,然后进行匹配,将所有匹配到的开始标签压入栈中。当匹配到结束标签时,从栈中找到最近的相匹配的标签,将其弹出栈,然后形成一个完整的ast节点。最终形成ast
Vue源码解析:Vue编译过程的设计思路
知识要点: Vue的挂载过程是怎样的? 一个编译器由哪些部分组成? Vue的整体编译过程是怎样的? Vue编译过程的设计思路 概览 前面的章节已经提到过,在实例化Vue的时候,首先会经过选项合并环节,
Vue源码解析:详解数据初始化过程及computed实现原理
本章知识要点: 生命周期和事件机制的初始化过程是怎样的? 父组件如何快捷监听子组件的生命周期触发事件? inject/provide的computed、watch等是如何实现的
Vue响应式原理中篇:结合源码来理解响应式原理!
上一章我们通过从零构建了一个极简响应式系统后,对响应式系统中的Dep类、Watcher类和defineReactive方法都有了一定的了解。这一章我们将会结合源码来看看Vue到底是如何实现响应式系统。
Vue响应式原理上篇:如何从零构建一个响应式系统?
响应式系统是什么? 以一个简单例子来说明响应式系统? 什么是依赖?什么是依赖搜集? Watcher 是什么? Dep 是什么? 如何建立Dep和Watcher之间的关系? 完整的实现一个简单响应式系统
Vue源码解析: 丰富的选项合并策略
Vue 实例化过程中的第一个关键的步骤就是选项合并,mergeOptions函数则是实现实例化,继承和混入三大功能的核心函数,所以分析它的实现是理解`Vue`实例化过程和继承的必经之路。
Vue源码解析:Vue是如何设计的?
从全局了解Vue的实现,包括原型方法的添加,静态方法属性的添加以及实例化过程。了解构造函数,原型以及实例在Vue中的灵活运用。