![](https://img-blog.csdnimg.cn/20210203163827520.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue的自我积累
爱吃鸡蛋的程序员
努力学习 muscle up
展开
-
Vue3: 手写代码:简单版 reactive
shallowReactive 和 reactive// 浅响应function shallowReactive(target) { if (target && typeof target === "object") { return new Proxy(target, handler); } return target;}// 定义 Proxy 第二位参数 handlerconst handler = { // 获取值 get(target, prop) {.原创 2021-02-24 00:03:36 · 279 阅读 · 0 评论 -
Vue3: 知识总结 : toRefs 函数
toRefs() 函数可以将 reactive() 创建出来的响应式对象, 转换为普通对象, 只不过这个普通对象上的而每一个属性都是响应式的, 这样我们 用 es6 的对象解构赋值的时候, 就可以了,不会出现问题了原创 2021-02-23 17:11:59 · 12598 阅读 · 0 评论 -
Vue3: 知识总结: hooks(是函数形式)
Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在与 hooks 是函数Vue3 的 hook函数 可以帮助我们提高代码的复用性, 让我们能在不同的组件中都利用 hooks 函数例子 :首先在src目录下建立一个 hooks 文件夹申明一个我们要复用的方法的名字.ts 文件下面是 useMousePosition.ts 代码import {onBeforeUnmount, onMounted, ref} from 'vueexport default functi.原创 2021-02-23 17:00:52 · 20668 阅读 · 6 评论 -
Vue3: 知识总结: ref, toRef, toRefs 和 reactive 的细节区分
相同:ref 和 reactive 都是用来处理数据响应式的他们都可以作用与对象类型的数据上不同:reactive 是利用 proxy 来实现ref 则是用把数据给包装成 ref 对象, .value 的方式去访问其数据,在 setup 中吗,在模板中不需要, 因为会自动添加.valuevue 强烈建议 ref 用来处理 非指针类型的数据类型, string number 等, 通过给 value 属性添加 getter /setter 来实现对数据的劫持reactive 用来处理 对原创 2021-02-23 14:22:06 · 1476 阅读 · 0 评论