文章 2023-05-07 来自:开发者社区

实现最精简的响应式系统来学习Vue的data、computed、watch源码

导读记得初学Vue源码的时候,在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去,发现再也绕不出来了。Vue发展了很久,很多fix和feature的增加让内部源码越来越庞大,太多的边界情况和优化设计掩盖了原本精简的代码设计,让新手阅读源码变得越来越困难,但是面试的时候,Vue的响应式原理几乎成了Vue技术栈的公司面试中高级前端必问的点之一。这篇文....

实现最精简的响应式系统来学习Vue的data、computed、watch源码
文章 2023-01-15 来自:开发者社区

响应式原理 - 学习vue源码系列4.2

响应式原理 - 学习vue源码系列4.2决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~将vue 的源码clone 到本地,切换到分支2.6。Introduction前面说了,vue 是怎么实现初始化数据渲染和组件化的,但当数据变动的时候,dom 又是怎么更新的呢。先看个 demo数据变更:<div i....

响应式原理 - 学习vue源码系列4.2
文章 2023-01-15 来自:开发者社区

组件注册 - 学习vue源码系列3.4

组件注册 - 学习vue源码系列3.4决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~将vue 的源码clone 到本地,切换到分支2.6。Introductionvue 中除了内置组件keep-alive等,其他组件必须先注册才能使用,不然就会报错Unknown custom element...vue 有....

组件注册 - 学习vue源码系列3.4
文章 2023-01-15 来自:开发者社区

组件化的合并配置 - 学习vue源码系列 3.2

组件化的合并配置 - 学习vue源码系列 3.2决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~将vue 的源码clone 到本地,切换到分支2.6。Introduction组件化渲染的那块,我个人觉得挺复杂的,我还没有捋顺,我决定先往后看,看完整体,再来磕硬骨头。其实 vue 也有点配置为王的感觉,它的配置....

组件化的合并配置 - 学习vue源码系列 3.2
文章 2023-01-15 来自:开发者社区

数据驱动 - 学习vue源码系列2

数据驱动 - 学习vue源码系列2决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~将vue 的源码clone 到本地,切换到分支2.6。Introduction数据驱动是vue的核心思想。数据的变化,JQuery通过 操作DOM 更新视图,而vue会自动更新视图,解耦 DOM 和数据。本节重点,分析 <....

数据驱动 - 学习vue源码系列2
文章 2023-01-15 来自:开发者社区

准备工作 - 学习vue源码系列1

准备工作 - 学习vue源码系列1决定跟着黄轶老师的vue2源码课程好好学习下vue2的源码,学习过程中,尽量输出自己的所得,提高学习效率,水平有限,不对的话请指正~将vue的源码clone到本地,切换到分支2.6。认识 flowFlow 是 facebook 出品的 JavaScript 静态类型检查工具。 vue使用其进行类型检测。怎么使用 flow安装:npm i flow-bin -g创....

准备工作 - 学习vue源码系列1

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注