Vue源码情景分析
关注
分享
扫一扫
文章平均质量分 91
Vue 2.0 源码分析。分析过程不会按照通常的分模块的思路进行，而是根据一些具体的问题场景来进行分析
AI产品狙击手
主要会分享人工智能、大语言模型、Diffusion Model等AI技术和产品，请关注我！
个人博客：www.techgogogo.com
展开
-
vue的computed如果没有出现在模板里面，当它依赖的响应式属性发生变化，getter会触发吗？
从vue的实现原理出发，简要的说明为什么计算属性没有被页面使用时，依赖的响应属性就算变化了，计算属性并不会随之重新计算...原创 2022-11-07 14:21:31 · 958 阅读 · 0 评论 -
Vue源码之模板编译浅析
在此前的《Vue源码之虚拟DOM来自何方？》文章中，我们学习了学习DOM是怎么从页面渲染函数render给生成的。但是，页面渲染函数又是从哪里来的呢？这就是今天想要学习的内容，模板字串是怎么变成抽象语法树然后生成人渲染函数代码的...原创 2022-11-04 10:33:23 · 645 阅读 · 0 评论 -
Vue源码之Vue和VueComponent的关系
这篇文章主要是想说明Vue实例对象和Vue组件示例对象之间的一个很重要的关系...原创 2022-10-30 00:12:59 · 609 阅读 · 0 评论 -
Vue源码之用户watcher
之前两篇文章分析了渲染watcher和计算属性watcher，今天我们开始分析最后一个 -- 用户watcher原创 2022-10-28 22:01:06 · 1216 阅读 · 0 评论 -
Vue源码之渲染watcher
在学习了计算属性watcher是如何监控计算属性所依赖的数据的变化并触发计算属性重新计算之后，我们今天学习下渲染watcher的相关知识，了解其创建过程以及实现的一些细节...原创 2022-10-26 11:14:26 · 1067 阅读 · 1 评论 -
Vue源码之计算属性watcher
此前的几篇文章中我们都有聊到vue中wtcher的实现原理。往下我们试下从watcher的使用场景出发看下watcher在不同情况下的使用。今天先看下计算属性是怎么使用watcher来监控依赖数据的变化并重新计算计算计算属性，然后触发渲染watcher来重新刷新页面...原创 2022-10-25 11:20:34 · 834 阅读 · 0 评论 -
Vue源码虚拟DOM将去往何处？
通过上一篇文章《Vue源码之虚拟DOM来自何方?》，我们看到了vue组件的模板最终被编译成了render函数，然后了解到了该render函数是怎么的在组件初始化或者数据状态更新时被渲染watcher的回调updateComponent所触发的，最后还一步步分析出编译后的vue组件模板是怎么变成虚拟DOM的。有了虚拟DOM之后，下一步我这里想学习下的就是这些虚拟DOM是怎么变成真实DOM的...原创 2022-10-25 10:48:20 · 809 阅读 · 0 评论 -
Vue源码之虚拟DOM来自何方？
从上一篇文章中我们学习了虚拟dom究竟是长成什么样子的。今天我们来学习下组件的虚拟dom究竟是怎么生成的。原创 2022-10-25 10:44:20 · 646 阅读 · 0 评论 -
Vue的methods里面的this为什么会指向Vue实例?
我们在些vue时经常通过this来获取data中的数据，我们知道data中的数据会通过defineProperty在组件或者vue实例对象中放一份，即数据代理。但是this为什么就指向了组件或者vue实例对象了呢？原创 2022-10-25 10:37:52 · 1224 阅读 · 0 评论 -
Vue源码之虚拟DOM长成啥样
虚拟DOM听的多了，但是究竟长成什么样子呢？原创 2022-10-25 10:32:27 · 422 阅读 · 0 评论 -
Vue源码实现之watcher拾遗
什么是渲染watcher？什么又是计算属性watcher？watcher为什么维护deps和newDeps？依赖收集之前为什么又要pushTarget，之后又要popTarget？希望这篇文章能给你解答这些问题...原创 2022-10-20 20:26:00 · 806 阅读 · 0 评论 -
Vue源码分析基础之响应式原理
由浅入深学习vue的响应性原理，为进一步分析vue源码打基础原创 2022-10-13 11:46:00 · 923 阅读 · 0 评论