Vuejs设计与实现
文章平均质量分 95
《Vuejs设计与实现》阅读笔记,带着问题去阅读,或是阅读之后的二次思考!
熊的猫
【掘金】、【知乎】、【思否】同名作者!!!
展开
-
Vuejs设计与实现 —— 渲染器核心 Diff 算法
Vuejs设计与实现 —— 渲染器核心 Diff 算法原创 2023-10-10 16:02:59 · 84 阅读 · 0 评论 -
Vuejs设计与实现 —— ref 原始值的响应式方案
/ 原始值// 包裹对象// 响应式数据// 触发响应式数据修改创建包裹对象的工作用户为了创建一个响应式的原始值,不得不创建一个包裹对象包裹对象的内容由用户自己定义,意味着不规范,即可以被随意命名,如和都可以setup(){可以看到这里使用了 展开运算符(…等价于如果这么看,很容易发现响应式丢失的原因是向外暴露了一个普通对象,它不具有任何响应式的能力.欢迎关注同名公众号《熊的猫》,文章会同步更新,也可快速加入前端交流群!ref处理原始值类型的响应式解决响应式数据丢失。原创 2023-09-20 12:02:35 · 282 阅读 · 0 评论 -
Vuejs设计与实现 —— 渲染器
Vuejs设计与实现 —— 渲染器原创 2023-09-25 09:44:56 · 94 阅读 · 0 评论 -
Vuejs设计与实现 —— 为什么需要虚拟 DOM
Vuejs设计与实现 —— 为什么需要虚拟 DOM原创 2023-09-19 11:04:58 · 40 阅读 · 0 评论 -
听说你很了解 Vue3 响应式?
听说你很了解 Vue3 响应式?原创 2023-09-14 10:07:19 · 83 阅读 · 0 评论 -
Vuejs设计与实现 —— 同构渲染
Vuejs设计与实现 —— 同构渲染原创 2023-10-16 14:35:40 · 159 阅读 · 0 评论 -
Vuejs设计与实现 —— 实现响应式系统
顾名思义,副作用函数指的就是会产生副作用的函数。其中的函数不难理解,那么副作用是什么呢?// 设置 body 中文本内容// 获取 body 中的文本并输出当函数函数执行时,会将页面中body的内容默认设置为,而函数是负责获取body的文本内容。那么当调用时传入的参数不同,会导致函数中获取到的内容也会发生改变,甚至是在其他函数中也有类似的设置或读取body中文本内容的操作,都会受到直接或间接的影响,那么就可以称这个函数(这里是函数)产生了副作用(effect)。// 初始数据// 副作用函数。原创 2023-09-19 11:12:03 · 189 阅读 · 0 评论 -
Vuejs设计与实现 —— 编译层面的优化
Vuejs设计与实现 —— 编译层面的优化原创 2023-10-12 14:54:48 · 39 阅读 · 0 评论 -
你到底懂不懂 Transition 组件?
你到底懂不懂 Transition 组件?原创 2023-10-17 10:45:57 · 107 阅读 · 0 评论 -
Vuejs设计与实现 —— 渲染器核心:挂载与更新
Vuejs设计与实现 —— 渲染器核心:挂载与更新原创 2023-09-27 14:40:39 · 120 阅读 · 0 评论