【Vue3】ToRef 和 ToRefs

原创

已于 2024-07-22 21:28:10 修改 · 566 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #Vue3 #ToRef #ToRefs

于 2024-07-20 16:20:36 首次发布

【Vue3】ToRef 和 ToRefs

背景
简介
开发环境
开发步骤及源码

背景

随着年龄的增长，很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来，技术出身的人总是很难放下一些执念，遂将这些知识整理成文，以纪念曾经努力学习奋斗的日子。本文内容并非完全原创，大多是参考其他文章资料整理所得，感谢每位技术人的开源精神。

简介

本文介绍 Vue3 中 ToRef 和 ToRefs 的用法。

toRef 和 toRefs 用于将 reactive 定义的响应式数据对象中的属性转换成 ref 定义，既保留了属性的响应式行为，也保留了引用，即更新 ref 定义的响应式数据会同步更新其对应的 reactive 响应式数据对象中的原属性。其中 toRef 指定转换单个属性，toRefs 可以配合 JavaScript 解构赋值转换多个属性。