首页 > 其他分享 >Vue - toValue

Vue - toValue

时间:2024-08-13 11:38:23浏览次数:8  
标签:返回 Vue toValue 传入 getter ref 函数

作用

将值、refs 或 getters 规范化为值。这与 unref() 类似,不同的是此函数也会规范化 getter 函数。如果参数是一个 getter,它将会被调用并且返回它的返回值。

简单来说,toValue 函数的目的是将传入的值规范化为一个普通的值,不管传入的是普通值、ref 对象,还是一个返回值的 getter 函数。它会自动识别你传入的是什么,并且始终返回对应的值。

  • 普通值:直接返回这个值。
  • ref 对象:返回 ref.value
  • getter 函数:调用这个函数,并返回其结果。
toValue(1)          // 返回 1,因为传入的是普通值
toValue(ref(1))     // 返回 1,因为传入的是 `ref` 对象,它的 `.value` 是 1
toValue(() => 1)    // 返回 1,因为传入的是一个返回 1 的函数,函数被调用并返回 1

应用

toValue 的主要作用是在处理未知类型输入时统一行为。比如,你编写一个可以处理各种输入类型的函数,无论是值、ref,还是 getter,你都希望得到一个最终的值,而不需要关心输入的具体类型。这时 toValue 就派上用场了。

标签:返回,Vue,toValue,传入,getter,ref,函数
From: https://www.cnblogs.com/Himmelbleu/p/18356561

相关文章

  • vue2实现轮播图
    1.在components路径下新建文件Carousel.vue,在Carousel.vue文件中创建一个Vue组件实现轮播图的功能<button@click="prev"class="carousel-controlprev">‹<button@click="next"class="carousel-controlnext">›<spanv-for=&qu......
  • VUE二级联动,改变一级下拉框,清空二级下拉框
    在清空二级下拉框时,直接使用this.formData.xxx=''会出现清空失败的问题。使用this.$set(this.formData,'xxx','')解决<el-form-itemlabel="所属地市"prop="blongId1"><el-selectv-model="bmixForm.blongId1&q......
  • vue3的defineAsyncComponent是如何实现异步组件的呢?
    前言在上一篇给我5分钟,保证教会你在vue3中动态加载远程组件文章中,我们通过defineAsyncComponent实现了动态加载远程组件。这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。注:本文使用的vue版本为3.4.19欧阳写了一本开源电子书vue3编......
  • uni-app和vue及微信小程序的异同
     uni-app和vue的区别1、目录不同 uni-app目录依赖原生小程序风格,比如分包的概念 vue中对不同的页面只需要在views文件夹中定义不同组件,然后配置路由跳转就行了,所有页面都是这样, 而uni-app只有底部导航栏对应的几个页面才能定义在pages文件夹下,其余的页面都需要定义在su......
  • 基于springboot+vue.js+uniapp的宠物健康顾问系统附带文章源码部署视频讲解等
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于ssm+vue.js+uniapp的基于冲突动态监测算法的健身房预约系统附带文章和源代码部署
    文章目录前言详细视频演示具体实现截图技术栈后端框架SSM前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • Java毕业设计 基于SSM vue在线教学质量评价系统
    Java毕业设计基于SSMvue在线教学质量评价系统SSMvue在线教学质量评价系统功能介绍前端学生首页图片轮播展示登录学生注册教师展示教师详情学生评价课程信息课程详情提交选修该课学生选课学生留言个人中心后台管理员管理员登录个人中心学生管理教......
  • 计算机毕业设计django+vue代驾服务【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着城市化进程的加速和汽车保有量的持续增长,代驾服务作为一种便捷、安全的出行方式,逐渐受到广大消费者的青睐。然而,传统的代驾服务模式往......
  • 计算机毕业设计django+vue民宿预定管理系统625l0【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着互联网技术的迅猛发展和旅游业的不断壮大,民宿作为旅游住宿的重要组成部分,其市场需求日益增加。然而,传统的民宿管理方式已难以满足日益......
  • 基于flask+vue框架的高校毕业生在线招聘系统[开题+论文+程序]-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育的普及与就业市场的日益竞争激烈,高校毕业生面临着前所未有的求职挑战。传统招聘方式受限于时间、地域等因素,难以高效匹配企业......