博客
关于我
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/

你可能感兴趣的文章
Netty源码—2.Reactor线程模型一
查看>>
Netty源码—2.Reactor线程模型二
查看>>
Netty源码—3.Reactor线程模型三
查看>>
Netty源码—3.Reactor线程模型四
查看>>
Netty源码—4.客户端接入流程一
查看>>
Netty源码—4.客户端接入流程二
查看>>
Netty源码—5.Pipeline和Handler一
查看>>
Netty源码—5.Pipeline和Handler二
查看>>
Netty源码—6.ByteBuf原理一
查看>>
Netty源码—6.ByteBuf原理二
查看>>
Netty源码—7.ByteBuf原理三
查看>>
Netty源码—7.ByteBuf原理四
查看>>
Netty源码—8.编解码原理一
查看>>
Netty源码—8.编解码原理二
查看>>
Netty源码解读
查看>>
netty的HelloWorld演示
查看>>
Netty的Socket编程详解-搭建服务端与客户端并进行数据传输
查看>>
Netty的网络框架差点让我一夜秃头,哭了
查看>>
Netty相关
查看>>
Netty简介
查看>>