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 · 528 阅读 · 2 评论 -
vue2.0响应式原理
vue2.0响应式原理 vue2.x响应式原理（Object.defineProperty()） 响应式原理的含义 就是利用object.defineproperty的getter和setter改变原有的逻辑，重写逻辑，对取值和设置进行观察操作 Object.defineProperty(obj,prop,descriptor) Object->defineProperty ：对象 ->定义 属性 。为对象添加一个属性，内容为descriptor obj：对象 prop：属性 descr原创 2021-06-07 20:24:41 · 446 阅读 · 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 · 474 阅读 · 2 评论