![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2.0及3.0
文章平均质量分 66
vue2.0及3.0
qq_40443095
这个作者很懒,什么都没留下…
展开
-
vue、react diff算法的差异
https://www.jianshu.com/p/fac3d2b112a6https://zhuanlan.zhihu.com/p/149972619原创 2021-03-03 16:21:56 · 246 阅读 · 1 评论 -
vue 生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会生命周期图.jpgbeforeCreate( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,因此无法访问methods, data, computed等上的方法和数据。crea.原创 2021-03-02 22:04:30 · 56 阅读 · 0 评论 -
vue3.0响应式原理实现
classDep{constructor(){this.subscribers=newSet();//保证依赖不重复添加}//追加订阅者depend(){if(activeUpdate){//activeUpdate注册为订阅者this.subscribers.add(activeUpdate)}}//运行所有的订阅者更新方法notify(){...原创 2021-03-02 16:58:39 · 98 阅读 · 0 评论 -
vue2.0 双向数据绑定
Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。那么,Vue是如何实现的呢?vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。整体思路核心:通过Object.defineProperty()来实现对属性的劫持,达到监听数据变动的目的要实现mvvm的双向绑定,转载 2021-03-02 15:42:55 · 165 阅读 · 0 评论