当前位置:网站首页>toRefs API 与 toRef Api
toRefs API 与 toRef Api
2022-07-07 03:12:00 【要成为光的女人】
1.如果我们使用ES6的解构语法,对reactive 返回的对象进行解构获取值,那么之后无论是修改解构后的值,还是修改reactive 返回的state 对象,数据都不再是响应式的:
const info=reactive({
name:"jiang",
age:18
});
let {name,age}=info
2.那有咩有办法让我们解构出来的属性是响应式的呢?
- Vue为我们提供了一个toRefs的函数,可以将reactive返回的对象中的属性都转成ref;
- 那么我们再次进行解构出来的name和age 本身都是ref的;
//当我们这样来做的时候,会返回两个ref对象,它们是响应式的
let {name,age}=toRefs(info)
//1.toRefs:将reactive 对象中的所有属性都转成ref,建立链接
3.这种做法相当于info.name和refvalue之间建立了链接,任何一个修改都会引起另一个变化;
toRefs 和 toRef的区别
- toRefs:将reactive 对象中的所有属性都转成ref,建立链接
- toRef: 对其中一个属性进行转化成ref,建立连接
let {name}=info
let age=toRef(info,"age");
边栏推荐
- SVN version management in use replacement release and connection reset
- Graduation design game mall
- 肿瘤免疫治疗研究丨ProSci LAG3抗体解决方案
- 算法---比特位计数(Kotlin)
- SolidWorks的GB库(钢型材库,包括铝型材、铝管等结构)安装及使用教程(生成铝型材为例)
- Please answer the questions about database data transfer
- 多线程与高并发(9)——AQS其他同步组件(Semaphore、ReentrantReadWriteLock、Exchanger)
- After the promotion, sales volume and flow are both. Is it really easy to relax?
- Use of completable future
- Initial experience of addresssanitizer Technology
猜你喜欢
Unity3d learning notes
从零到一,教你搭建「CLIP 以文搜图」搜索服务(二):5 分钟实现原型
多个kubernetes集群如何实现共享同一个存储
Jetpack compose is much more than a UI framework~
RuntimeError: CUDA error: CUBLAS_STATUS_ALLOC_FAILED when calling `cublasCreate(handle)`问题解决
Leetcode t1165: log analysis
Abnova 体外转录 mRNA工作流程和加帽方法介绍
一文带你了解静态路由的特点、目的及配置基本功能示例
MySQL view bin log and recover data
Big coffee gathering | nextarch foundation cloud development meetup is coming
随机推荐
Initial experience of addresssanitizer Technology
from . onnxruntime_ pybind11_ State Import * noqa ddddocr operation error
How can brand e-commerce grow against the trend? See the future here!
leetcode 509. Fibonacci Number(斐波那契数字)
JWT的基础介绍
This article introduces you to the characteristics, purposes and basic function examples of static routing
Cloudcompare point pair selection
.net 5 FluentFTP连接FTP失败问题:This operation is only allowed using a successfully authenticated context
循环肿瘤细胞——Abnova 解决方案来啦
Linear algebra (1)
大咖云集|NextArch基金会云开发Meetup来啦
RuntimeError: CUDA error: CUBLAS_STATUS_ALLOC_FAILED when calling `cublasCreate(handle)`问题解决
MATLAB小技巧(30)非线性拟合 lsqcurefit
Distributed ID solution
Learning records on July 4, 2022
Multidisciplinary integration
How can flinksql calculate the difference between a field before and after update when docking with CDC?
Jmeter 5.5版本发布说明
服装门店如何盈利?
剑指offer-高质量的代码