vue源码
文章平均质量分 70
~往无前
这个作者很懒,什么都没留下…
展开
-
Vue源码学习(7)- Hook Event
Hook Event (钩子事件),也就是生命周期钩子函数,供开发者在特定的逻辑点添加额外的处理逻辑,比如:在组件挂载阶段提供了beforeMount和mounted两个生命周期钩子,供开发者在组件挂载阶段执行额外的逻辑处理,比如为组件来准备渲染所需的数据。原创 2022-11-30 20:10:27 · 215 阅读 · 0 评论 -
Vue源码学习(六)- 实例方法
深入理解以下实例方法的实现原理。原创 2022-11-30 11:29:48 · 829 阅读 · 1 评论 -
Vue源码学习(五)- 全局API
Vue.use(plugin)做了什么?负责安装plugin插件,其实就是执行插件提供的install方法首先判断该插件是否已经安装过了如果没有,则执行插件提供的install方法安装插件,具体做什么由插件自己决定Vue.mixin(options)做了什么?负责在Vue的全局配置上合并options配置,然后在每个组件生成vnode时会将全局撇值合并到组件自身的配置上来。标准化options对象上的props,inject,directive选项的格式。原创 2022-11-18 20:09:56 · 669 阅读 · 0 评论 -
Vue源码学习(4)- 异步更新
当通过obj.key = ‘new val’ 更新值时,会触发setter的拦截,从而检测新值和旧值是否相等,如果相等什么也不做,如果不想等,则更新值,然后由dep通知watcher进行更新。所以,异步更新的入口就是setter中最后调用的dep.notify()方法。原创 2022-11-17 09:59:14 · 360 阅读 · 0 评论 -
vue2源码学习(3)-响应式原理(二)
将一个正常的object转换为每个层级的属性都是响应式(可以被侦测的)的object;observe方法是最外层级的,上来先看observe(obj). —>>> obj身上有没有 __obj__ —>>> new Observer() ---->>> 遍历下一层属性,逐个defineReactive。原创 2022-11-14 22:57:20 · 381 阅读 · 0 评论 -
vue2源码学习(3)-响应式原理(一)
【代码】vue2源码学习(3)-响应式原理(一)原创 2022-11-14 09:36:03 · 640 阅读 · 0 评论 -
vue源码学习(2)- Vue初始化过程
Vue的初始化过程(new Vue(options))都做了什么?处理组件配置项初始化根组件时进行了选项合并操作,将全局配置合并到根组件的局部配置上(也就是将Vue构造函数原型上添加的配置项合并到vm实例化对象的身上)初始化每个子组件时做了一些性能优化,将组件配置对象上的一些深层次属性放到vm.$options选项中,以提高代码的执行效率初始化组件实例的关系属性,比如$parent,$children,$root,$refs等处理自定义事件调用beforeCreate钩子函数。原创 2022-11-12 15:21:17 · 375 阅读 · 0 评论 -
vue2源码学习(1)
将vue打包之后,会打包成一个dist目录,在目录下生成了一堆特殊命名的vue.*.js文件,他们分别是什么意思?原创 2022-11-11 14:50:33 · 713 阅读 · 0 评论