简要介绍Vue中ref以及相关的工具函数

什么是ref

官方解释:接受一个内部值,返回一个响应式的、可更改的 ref 对象,此对象只有一个指向其内部值的属性。建议可以多看看文档Vue.js - 渐进式 JavaScript 框架 | Vue.js

 个人理解:使用ref声明的变量,对起进行操作之后值都会被追踪,在用到该数据的地方也会发生相应的变化并且需要使用.value来对数据进行操作,该Api的底层还是使用了Proxy代理来实现,使用get与set方法来重新定义并获取值(但是还不是很明白)

1、如何使用

使用方法:

        1、需要先将ref导入

        2、在定义变量的时候使用ref(值)

  //导入ref
import { ref,type Ref } from "vue";
    // 使用ref
const count:Ref<number> = ref(0);
console.log(count)//拿到值

介绍一些相关的工具函数

        1、isRef

               该工具函数的作用是用来检查一个值是否为ref对象,如果是使用ref来定义的数据就是true不是就是false

  // 2、isRef
    const count:Ref<number> = ref(0);
    const coun
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值