01 2022 档案

vue三大核心系统
摘要：compiler模块：编译模板系统 Runtime模块：也可以称为Renderer模块，真正渲染模块 Reactivity模块：响应式系统 阅读全文
posted @ 2022-01-16 22:51 眰 阅读(151) 评论(0) 推荐(0)
vue渲染过程
摘要：template通过compilel函数编译 再调用render函数转换成vnode 在通过渲染器把vnode转换成真实元素 最后浏览器显示 template 转换成虚拟dom 虚拟dom转换成真实元素 阅读全文
posted @ 2022-01-16 11:20 眰 阅读(56) 评论(0) 推荐(0)
customRef自定义ref
摘要：customRef方法需要返回一个对象，对象需要有get、set方法 get函数需要收集依赖 调用函数中第一个参数，用于展示时使用 阅读全文
posted @ 2022-01-09 19:22 眰 阅读(48) 评论(0) 推荐(0)
ref的使用和理解
摘要：unref如果我们获取ref引用中的value，那么可以通过unref方法 如何参数是ref，则返回内布值，否则返回参数本身 val=isRef（val）？val.value:val的语法糖 isRef是判断值是否是一个ref对象 shallowRef 创建一个浅层ref对象 对象本身改变，页面显示 阅读全文
posted @ 2022-01-08 13:52 眰 阅读(1062) 评论(0) 推荐(0)
toRefs、toRef的使用和理解
摘要：toRefs 解构对象，解构的对象必须是响应式对象（reactive） toRef 解构对象中其中一个属性，相同也是响应式对象 阅读全文
posted @ 2022-01-08 11:34 眰 阅读(443) 评论(0) 推荐(1)
reactive和ref、readonly的使用
摘要：reactive是需要传入对象，实现数据劫持 是响应式对象 ref在html是有自动解构返回对象 js逻辑代码中没有自动解构，需要手动.value使用 readonly 返回原生对象的只读代理（它依然是proxy，这是一个proxy的set方法被劫持，并不能对其修改） 阅读全文
posted @ 2022-01-06 22:36 眰 阅读(112) 评论(0) 推荐(0)
Options API(vue3)->Compositinon APi(vue3)
摘要：Options Api的特点就是在对应属性中编写对应的功能模块 弊端 可读性差 当我们实现一个功能，这个功能对应的逻辑代码会被拆分到各个属性中 Compositinon Api setup方法可以接受props、context context中包含三个属性 attrs:所有非props的attrib 阅读全文
posted @ 2022-01-04 22:45 眰 阅读(246) 评论(0) 推荐(0)
mixin 混入
摘要：mixin是合并data中定义的生命周期函数和声明 mixin的合并规则 作用是为了复用 属于代码复用的方式 如果是执行的生命周期函数是会被统一执行 如果是调用方法重名会使用本身的方法 阅读全文
posted @ 2022-01-04 21:58 眰 阅读(54) 评论(0) 推荐(0)