首页 > 其他分享 >vue3数据类型ref,Reactive,shallowRef,shallowReactive基本用法

vue3数据类型ref,Reactive,shallowRef,shallowReactive基本用法

时间:2023-02-15 19:44:31浏览次数:32  
标签:reactive 创建 shallowReactive 数据类型 value Reactive shallowRef ref 响应

1. ref 用于创建基础类型的响应式,也可以创建引用类型的响应式.
2. ref 对于引用类型,底层也是转换为 reactive 来进行响应式处理
3. ref 创建的响应式数据在脚本中需要通过 .value, 模板中会自动添加上 .value,所以模板中不需要通过 .value 访问
4. ref 创建出来的响应式就是 RefImpl 实例对象
5. Ref 与 Reactive 创建的都是递归响应的,将每一层的 json 数据解析成一个 proxy 对象
6. shallowRef 与 shallowReactive 创建的是非递归的响应对象
7. shallowReactive 创建的数据第一层数据改变会重新渲染 dom
8. shallowRef 创建的响应式对象,需要修改整个 value 才能重新渲染 dom
9. 想更新 shallowRef 的某一层数据,并且想触发渲染,可以使用 triggerRef
10. reactive 不支持对基本类型数据响应式
11. ref 是在 reactive 上在进行了封装进行了增强, 全部使用ref可以
12. ref(1) 就等价于 reactive({value: 1})
13. 可以all in reactive,把页面的响应式数据都集中在一个reactive中,类似vue2的data

 

出处: https://juejin.cn/post/7109257658447691784

标签:reactive,创建,shallowReactive,数据类型,value,Reactive,shallowRef,ref,响应
From: https://www.cnblogs.com/mengff/p/17124438.html

相关文章

  • 复合数据类型
    (1)枚举类型定义:type枚举类型标识符=(标识符1,标识符2,…,标识符n)枚举元素只能是标识符;定义枚举类型时列出的所有枚举元素构成了这种枚举类型的值域(取值范围)。例如......
  • 重学Java-第五章 Java数据类型
    5.1概述​ Java语言的数据类型可以分为基本数据类型(primitivedatatype)和引用型数据类型(referencedatatype)5.2基本数据类型5.2.1整数类型​ Java语言提供了......
  • golang 复杂数据类型
    1.指针一个指针变量指向了一个值的内存地址,类似于变量和常量,在使用指针前你需要声明指针。每个变量在运行时都拥有一个地址,这个地址代表变量在内存中的位置。使用&字符......
  • 元组数据类型
    #元组数据类型与列表相似,但其不可改变,输入时使用()而不是[]>>>type(('hello',))#当元组中只有一个值时,括号内该值后面带逗号,表面其为元组数据<class'tuple'>>>>type......
  • pycharm的基本操作数据类型
      prcharm的基础操作1.切换版本翻译器file-settings-project-interpeter注释1.单行注释添加注释:#加上需要添加的注释快捷键:ctrl+?自动进行格式化code-reforma......
  • 基本数据类型与标识符
    基本数据类型+标识符注释单行注释://inta=1;多行注释/*inta=1;byteb=2;*/标识符标识符一般用于类名,接口名,变量,方法名等标识符由字母,数字,下划线,美元符组成......
  • 【Python21天学习挑战赛】集合 & 数据类型补充
    开头一叙:无论是以后学习需要或者是三年后的工作需要,都需要用到python的工具,也接着这次活动的机会,把python系统的学一遍。跟着大佬,让python知识从入门到精通。文章目录​​......
  • C语言学习笔记(八): 自定义数据类型
    结构体变量什么是结构体C语言允许用户自己建立由不同类型数据组成的组合型的数据结构,它称为结构体结构体的成员可以是任何类型的变量,如整数,字符串,浮点数,其他结构体,指针......
  • Redis常用数据类型
    1.通用命令-KEYS:查看符合模板的所有key,`不建议在生产环境设备上使用`-DEL:删除一个指定的key-EXISTS:判断key是否存在-EXPIRE:给一个key设置有效期,有效期到期时该ke......
  • mysql数据类型的选择
    1、整数和浮点数如果不需要小数部分,就是用整数来保存数据;如果需要小数部分,就是用浮点数。对于浮点数据列,存入的数值会对该列定义的小数位进行四舍五入。浮点类型包裹​​​......