vue3 ref函数,vue reactive ref
本文主要介绍了Vue3中的三种函数，并简单介绍了reactive函数、toref函数和ref函数的原理和使用方法，有需要的朋友可以借鉴。
目录
responsive函数用法：toRef函数(刚懂)用法：Ref函数定义响应数据通过使用采集dom直接定义组件实例对象。
reactive函数
Reactive用来定义响应式数据(可以理解为数据的替代品)。
用法：
从“vue”导入{reactive}
使用：
恒定状态=反应({
参数名称：参数值
})
访问：状态。参数名称
访问：状态。参数名称
toRef函数(了解即可)
ToRef:将响应数据中的某个字段提取为单独的响应数据。
用法：
从“vue”导入{toRef}
使用：
恒定状态=反应({
数量：0
})
Const num=toRef(state(响应数据)， num属性名)
数量：{
值：0
}
Ref实际上可以理解为一种数据类型：{value: value}
Access: num.value===0
注意：
在html:中使用响应数据时，不必写值。
一定要用js写值
ref函数
定义响应式数据
{
价值：价值
}
直接定义使用
引入
从“vue”导入{ref}
setup(){
定义
const num=ref({a:1，b:2})
数量：{
值：{a:1，b:2}
}
}
Access: num.value===0
Reactive:适用于多个数据，ref适用于单个数据。
获取dom
模板
div ref=target123/div
/模板
scripte
从“vue”导入{ref}
setup(){
const target=ref(空)
返回{target}
Target.value是对应的dom
}
获取组件实例对象
Ref用于原生标签获取dom。
用于组件的ref标签用于获取组件实例对象。
用法与获取dom相同
模板
组件引用=目标 123/组件标签
/模板
脚本
从“vue”导入{ref}
setup(){
const target=ref(空)
返回{target}
Target.value是组件实例对象。
}
以上是Vue3中反应函数toref function Ref function的介绍细节。更多关于Vue3功能的信息，请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。