vue
文章平均质量分 75
一个打工小白
这个作者很懒,什么都没留下…
展开
-
深入理解 Vue 3 响应性原理 -- 实现数据响应式
介绍接着 << 深入理解 Vue 3 响应性原理 – Set/Map/WeakMap 函数 >> 基础知识已经具备了,接着就是开始实现了再看一下, 什么是响应式: 如果我们的一个数据改变了,Vue 知道怎么去更新模板以及会更新模板的计算机属性。依赖关系 目标图和effects 集目标图(“target map”),它的类型是 WeakMap它储存了与每个“响应性对象属性”关联的依赖depsMap 存储了每个属性的依赖,并且 dep 是一个 effects 集(Set)的依原创 2022-05-01 15:44:53 · 751 阅读 · 1 评论 -
深入理解 Vue 3 响应性原理 -- Set/Map/WeakMap 函数
介绍接着 << 深入理解 Vue 3 响应性原理 — Proxy >> 开始了解 WeakMap、Map、Set 函数例子这是每个函数,在new之后,在控制台中打印的结果set函数里边存储的是,类似数值一样的集合map里边存的有 key, 和 value,不同的是,key 是对象类型weakMap 存储形式和 map 一样Set 对象允许你存储任何类型的唯一值特点:Set对象是值的集合按照插入的顺序迭代它的元素Set中的元素只会出现一次,即Set中的元素是唯原创 2022-04-30 08:04:23 · 1203 阅读 · 0 评论 -
深入理解 Vue 3 响应性原理 --- Proxy
什么是响应式用 Vue 官方文档的一句话介绍响应性:响应性是一种允许我们以声明式的方式去适应变化的编程范例。如果我们的一个数据改变了,Vue 知道怎么去更新模板以及会更新模板的计算机属性。响应性是 Vue 用来实现UI的核心原理,在用户修改数据的时候,UI会自动更新。响应式实现过程了解Proxy 原理及有哪些方法, 了解 Reflect 对象了解 WeakMap、Map、Set函数响应式拆分: 数据与执行方法之间的,关系依赖响应式拆分: 实现 reactive, ref先来看一下 Pro原创 2022-04-29 21:12:15 · 2768 阅读 · 0 评论