![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2.0源码
文章平均质量分 57
_小郑有点困了
我的月亮永悬不落。
展开
-
vue2.0响应式原理,递归深层数据劫持,@click,v-html,v-bind,v-model,大胡子括号识别等
vue2.0响应式原理,深层数据劫持,@click,v-html,v-bind,v-model,大胡子括号识别等在博客搜到的大多数都是只支持最外层数据的响应式,而没有加入递归,或者进行了递归对深层对象进行了数据劫持,但是页面上使用一个嵌套多层的数据竟然无法使用。既然学了,就把这点也实现吧。界面效果:代码实现:复制即可用<!DOCTYPE html><head> <title>学习vue源码</title></head>&l原创 2021-07-20 18:18:09 · 418 阅读 · 2 评论 -
vue2.0响应式原理
vue2.0响应式原理vue2.x响应式原理(Object.defineProperty())响应式原理的含义就是利用object.defineproperty的getter和setter改变原有的逻辑,重写逻辑,对取值和设置进行观察操作Object.defineProperty(obj,prop,descriptor)Object->defineProperty :对象 ->定义 属性 。为对象添加一个属性,内容为descriptorobj:对象prop:属性descr原创 2021-06-07 20:24:41 · 407 阅读 · 0 评论 -
vue2.0数据劫持原理
vue2.0数据劫持原理vue2.0数据劫持数据劫持的意义?一个数据操作,我们希望在他做赋值的过程当中,我们还可以给他增加一些事情,比如说像这个视图上的改变,我们希望的是当你数据变化的这个过程当中,那我们就拦截这些行为,在这个行为的这个过程当中,还能做更多的事,而不是单纯的操作数据数据劫持都做了哪些事呢?首先,new了一个vue实例,传参options如:new Vue({el:"#app",data(){return {}title:‘xxx’,testArr:[1,2,3]}})。这里只讲d原创 2021-06-07 20:23:07 · 413 阅读 · 2 评论