![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
冰淇淋ly
越努力越幸运!
展开
-
vue3 shallowReactive 与 shallowRef
shallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式) shallowRef: 只处理基本类型的响应式, 不进行对象的响应式处理 什么时候用浅响应式呢? 一般情况下使用ref和reactive即可 如果有一个对象数据, 结构比较深, 但变化时只是外层属性变化 ===> shallowReactive 如果有一个对象数据, 后面功能不会修改该对象的属性,而是产生新的对象来替换 ===> shallowRef shallowR...原创 2022-04-17 11:06:30 · 863 阅读 · 0 评论 -
vue3 toRef和toRefs
举例说,定义一个人有姓名,年龄,工作(工作1的薪水),加三个按钮,可以改名字,改年龄,改薪水。可以这样实现<template> <div class="about"> <div>{{person}}</div> <div>姓名{{person.name}}</div> <div>年龄{{person.age}}</div> <div>薪水{{person.j原创 2022-04-17 07:59:15 · 647 阅读 · 0 评论 -
vue3 自定义hook 函数
作用类似于vue2中的mixin技术案例:获取鼠标点击页面的坐标1.在src下建hooks文件夹,用于存放复用的js2.src/hooks/usePoints.js文件中写复用的部分import { reactive, onMounted, onBeforeUnmount } from 'vue'export default function () { let point = reactive({ x: 0, y: 0 }) f原创 2022-04-15 17:13:38 · 1122 阅读 · 3 评论