首页 > 其他分享 >vue3 之 ref

vue3 之 ref

时间:2023-01-31 11:44:40浏览次数:77  
标签:对象 数据类型 reactive vue3 类型 ref

vue3 之 ref

 

vue2 中的 ref 获取一个 dom 元素和实例对象

 

vue3 中 ref 是用来定义数据响应式

特别注意:ref 可以接收基本数据类型,也可以是对象类型

1、基本数据类型:基本数据类型 ref 的处理方式还是 Object.defineProPerty() 的get()和set() 完成

 

 

 

2、对象类型:对象类型的 ref 处理借助了 reactive函数(reactive函数的内部实现通过ES6的代理对象 Proxy )

 

标签:对象,数据类型,reactive,vue3,类型,ref
From: https://www.cnblogs.com/sexintercourse/p/17078485.html

相关文章

  • ifc4x3 附录E示例-Georeference_Tin_5
    ifc4x3附录E示例-Georeference_Tin_5示例概述(x,y)坐标中的位数。当时,一些测量软件仍然是基于DOS的,使用的精度很低。之所以使用这种原点选择,是因为小数点之前的最后3位数字......
  • 为什么vue3要使用ref
    vue3中使用ref来创建响应式数据,让习惯了选项式API的我很不习惯。因为得使用xxx.value来读写响应式数据,没有vue2中直接使用this.xxx来读写简洁。vue3这样设计的原因是原生J......
  • Firefly Amazon UK PC control installation tutorial
    FireflyAmazonUKPCcontrolinstallationtutorial1.TurnoffthePCfirewallandanti-virussoftware,itisbesttouninstalltheanti-virussoftware2.Downl......
  • Firefly Amazon PC control installation tutorial
    FireflyAmazonPCcontrolinstallationtutorial1.TurnoffthePCfirewallandanti-virussoftware,itisbesttouninstalltheanti-virussoftware2.Download......
  • Vue2 和 Vue3 的不同之处
    1、双向绑定的更新 vue2是采用的ES5的⼀个API叫做object.definePropert 对数据进⾏劫持结合发布订阅模式vue3是采用的ES6的一个API叫做Proxy......
  • Firefly Amazon US PC control installation tutorial
    FireflyAmazonUSPCcontrolinstallationtutorial1.TurnoffthePCfirewallandanti-virussoftware,itisbesttouninstalltheanti-virussoftware2.Downl......
  • ifc4x3 附录E示例-Georeference_Tin_4
    ifc4x3 附录E示例-Georeference_Tin_4示例概述意图IFC4x3RC1此场景中有一个带有两个颜色的锡。 IfcProjectedCRS中的EPSG代码规定了水平和垂直基准。EPSG代码用......
  • vue3+vite项目中使用qiankun的方式
    需要安装的依赖: "vite-plugin-qiankun":"1.0.10","vue-tsc":"^0.40.7""vite":"3.0.9","@vitejs/plugin-vue":"^1.6.0","vue":"^3.2.37","vue-router":......
  • vue3 重置数据
    第一种import{reactive}from'vue'classInitFormData{username:string=''sex:number=1age:number=0}letformData=reactive(newInitForm......
  • vue3实现禁用物理按键返回,但是可以通过自定义app-bar的返回按钮返回
    1.注意app-bar是一个所有页面都会用到的顶部title栏,里面左侧有返回按钮;2.基于1,在app-bar组件的setup里添加这个代码:onMounted(()=>{//不能少history.pu......