写点什么

vue2

0 人感兴趣 · 23 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第二十一篇 - 依赖收集的过程分析

用户头像
Brave6 月 21 日

本篇,主要介绍了 Vue 依赖收集的过程分析;

https://static001.geekbang.org/infoq/de/de8dea7805b0045c7611cd45f49c4ec6.jpeg?x-oss-process=image/resize,w_416,h_234

如何在 Vue 的计算属性中传递参数

用户头像
devpoint6 月 21 日

在 Vue 中,计算属性(computed )是从其他响应式属性派生的属性,是用于自动监听响应式属性的变化,从而动态计算返回值。计算属性(computed )通常是一个没有参数的函数。

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点

用户头像
Brave6 月 20 日

【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点;主要涉及以下几点:新老节点的更新方案;虚拟节点与真实节点映射;实现新老节点的替换;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十九篇 - 根据 vnode 创建真实节点

用户头像
Brave6 月 19 日

【Vue2.x 源码学习】第十九篇 - 根据 vnode 渲染真实节点;vnode 渲染真实节点的步骤;Vue 原型方法 _update 的扩展;patch 方法中的两个步骤:1,创建真实节点2,替换掉老节点;createElm实现:根据虚拟节点创建真实节点;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十八篇 - 根据 render 函数,生成 vnode

用户头像
Brave6 月 18 日

【Vue2.x 源码学习】第十八篇 - 根据 render 函数,生成 vnode;封装 vm._render;_s,_v,_c的实现;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十七篇 - 生成 render 函数 - 函数生成

用户头像
Brave6 月 17 日

【Vue2.x 源码学习】第十七篇 - 生成 render 函数 - 函数生成;主要做了以下两件事:使用 with 对生成的 code 进行一次包装;将包装后的完整 code 字符串,通过 new Function 输出为 render 函数;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十六篇 - 生成 render 函数 - 代码拼接

用户头像
Brave6 月 16 日

【Vue2.x 源码学习】第十六篇 - 生成 render 函数;render 函数拼接generate(ast);处理属性genProps(ast.attrs);处理属性中的样式;递归深层处理儿子genChildren;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构

用户头像
Brave6 月 15 日

【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构;基于 html 特点,使用栈型数据结构记录父子关系;开始标签,结束标签及文本的处理方式;代码重构及ast 语法树构建过程分析;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析

用户头像
Brave6 月 14 日

【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析;使用正则对 html 模板进行解析和处理,匹配到模板中的标签和属性

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明

用户头像
Brave6 月 13 日

【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明;简要说明了 HTML模板的解析方式;对模板解析相关正则说明和测试;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十二篇 - 生成 ast 语法树 - 流程说明

用户头像
Brave6 月 12 日

【Vue2.x 源码学习】第十二篇 - 模板生成 ast 语法树;Vue 核心渲染流程回顾;三种模板写法及优先级;两种数据挂载方式;Vue 的原型方法 $mount;compileToFunction-parserHTML;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十一篇 - Vue 的数据渲染流程

用户头像
Brave6 月 11 日

【Vue2.x 源码学习】第十一篇 - Vue的数据渲染流程;主要介绍了 vue 数据渲染核心流程

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况

用户头像
Brave6 月 10 日

【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况;本篇主要介绍了数组数据变化的观测情况:实现了数组数据变化被劫持后,已重写原型方法的具体逻辑;数组各种数据变化时的观测情况分析;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第九篇 - 对象数据变化的观测情况

用户头像
Brave6 月 9 日

【Vue2.x 源码学习笔记】对象数据变化的观测情况;对象数据变化的观测情况(老属性变更为对象、新增属性的情况)实现了对象老属性值变更为对象、数组时的深层观测处理;结合实现原理,说明了对象新增属性不能被观测的原因,及如何实现数据观测;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第八篇 - 数组的深层劫持

用户头像
Brave6 月 8 日

【Vue2.x 源码学习笔记】数组的深层观测实现;核心思路:仅重写了数组原型方法,实现了数组单层数据劫持;需对数组observe递归观测;实现数组嵌套结构劫持:数组嵌套数组、数组嵌套对象;数组中的值类型不会被劫持;

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第七篇 - 阶段性梳理

用户头像
Brave6 月 7 日

【Vue2.x 源码学习笔记】本篇通过对= Demo 的断点调试,对当前版本数据劫持、数据代理进行了简单的流程梳理;对照 Vue2.x 功能,分析了当前版本代码的问题和不足

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第六篇 - 数据代理的实现

用户头像
Brave6 月 6 日

【Vue2.x 源码学习笔记】Vue 数据初始化流程中, Vue实例上数据代理的实现

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第五篇 - 数组的劫持

用户头像
Brave6 月 5 日

Vue2.x 源码学习笔记,data 数据的初始化操作,数组的劫持

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第四篇 - 对象的深层劫持

用户头像
Brave6 月 4 日

Vue2.x 源码学习笔记,data 数据的初始化操作,对象的深层劫持

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第三篇 - 对象的单层劫持

用户头像
Brave6 月 3 日

Vue2.x 源码学习笔记,data 数据的初始化操作,对象的单层劫持

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第二篇 - Vue 的初始化流程

用户头像
Brave6 月 2 日

Vue2.x 源码学习笔记,Vue 的初始化流程,核心的几个点:initMixin、vm.$options、initState

https://static001.geekbang.org/infoq/19/1969adad4b715f0204bd6a4de346ac4d.png?x-oss-process=image/resize,w_416,h_234

【Vue2.x 源码学习】第一篇 - 源码环境搭建

用户头像
Brave6 月 1 日

Vue2.x 源码学习笔记,使用 rollup 构建 Vue 环境

https://static001.geekbang.org/infoq/f4/f4f71fed91ef790b226cc86b2bc83ea9.png?x-oss-process=image/resize,w_416,h_234

vue2 的 $refs 在 vue3 组合式 API 中的替代方法

用户头像
devpoint4 月 16 日

如果你有过vue2的项目开发经验,那么对$refs就很熟悉了。由于vue3的断崖式的升级,在vue3中如何使用$refs呢?想必有遇到过类似的问题,我也有一样的疑惑。在vue3中使用组合式API的函数`ref`来代替静态或者动态html元素的应用。

vue2_vue2资料文章-InfoQ写作平台