博客
关于我
Vue3 学习笔记 —— toRefs
阅读量:324 次
发布时间:2019-03-03

本文共 503 字,大约阅读时间需要 1 分钟。

toRefs

  • 作用:将一个响应式对象转换为普通对象,并且将其中的属性转换为Ref对象。
setup() {  let state = reactive({    name: 'zly',    age: 47  })  let state2 = toRefs(state)  console.log(state) // 响应式对象  console.log(state2) // 普通对象,其中的属性被转换为Ref属性  return {...state2}}
  • 如图描述:
    • 如果不使用toRefs,那么页面不会更新:
  • 如果使用toRefs将内部属性都用Ref包装:

转载地址:http://vxel.baihongyu.com/

你可能感兴趣的文章
Neo4j(4):Neo4j - CQL使用
查看>>
Neo图数据库与python交互
查看>>
NEO改进协议提案1(NEP-1)
查看>>
Neo私链
查看>>
NervanaGPU 项目使用教程
查看>>
Nerves 项目教程
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
nested exception is org.apache.ibatis.builder.BuilderException: Error parsing Mapper XML.
查看>>
nestesd exception is java .lang.NoSuchMethodError:com.goolge.common.collect
查看>>
nestJS学习
查看>>
net core 环境部署的坑
查看>>
NET Framework安装失败的麻烦
查看>>
Net 应用程序如何在32位操作系统下申请超过2G的内存
查看>>
Net.Framework概述
查看>>
NET3.0+中使软件发出声音[整理篇]<转>
查看>>
net::err_aborted 错误码 404
查看>>
NetApp凭借领先的混合云数据与服务把握数字化转型机遇
查看>>
NetAssist网络调试工具使用指南 (附NetAssist工具包)
查看>>