随笔分类 -  Vue响应式（依赖收集，响应式原理）

第142篇:原生js实现响应式原理
摘要：好家伙,狠狠地补一下代码量 本篇我们来尝试使用原生js实现vue的响应式 使用原生js,即代表没有v-bind,v-on,也没有v-model，所有语法糖我们都用原生实现 1.给输入框绑个变量 <body> <input id="input_1"></input> </body> <script> 阅读全文
posted @ 2024-03-11 16:33 养肥胖虎 阅读(730) 评论(0) 推荐(3)
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
摘要：好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.html setTimeou 阅读全文
posted @ 2023-10-08 19:21 养肥胖虎 阅读(547) 评论(0) 推荐(1)
第三十六篇:vue3响应式(关于Proxy代理对象,Reflect反射对象)
摘要：好家伙,这个有点难. 1.代理对象Proxy Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。 拦截对象中任意属性的变化,包括:查get,增和改set,删除delete 1.1.语法: const p = new Proxy(target 阅读全文
posted @ 2021-10-21 00:58 养肥胖虎 阅读(1138) 评论(0) 推荐(0)
第三十二篇:vue的响应式原理
摘要：好家伙 什么是响应式?比较官方的回答: Vue.js 的核心包括一套“响应式系统”。 “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。 例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 2.1 Object.defineProperty Object.definePrope 阅读全文
posted @ 2021-10-14 00:28 养肥胖虎 阅读(64) 评论(0) 推荐(0)