博客
关于我
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工作笔记0058---Netty群聊系统客户端
查看>>
Netty工作笔记0059---Netty私聊实现思路
查看>>
Netty工作笔记0060---Netty心跳机制实例
查看>>
Netty工作笔记0060---Tcp长连接和短连接_Http长连接和短连接_UDP长连接和短连接
查看>>
Netty工作笔记0061---Netty心跳处理器编写
查看>>
Netty工作笔记0062---WebSocket长连接开发
查看>>
Netty工作笔记0063---WebSocket长连接开发2
查看>>
vue样式穿透 ::v-deep的具体使用
查看>>
Netty工作笔记0065---WebSocket长连接开发4
查看>>
Netty工作笔记0066---Netty核心模块内容梳理
查看>>
Vue基本使用---vue工作笔记0002
查看>>
Netty工作笔记0068---Protobuf机制简述
查看>>
Netty工作笔记0069---Protobuf使用案例
查看>>
Netty工作笔记0070---Protobuf使用案例Codec使用
查看>>
Netty工作笔记0071---Protobuf传输多种类型
查看>>
Netty工作笔记0072---Protobuf内容小结
查看>>
Netty工作笔记0073---Neety的出站和入站机制
查看>>
Netty工作笔记0074---handler链调用机制实例1
查看>>
Netty工作笔记0075---handler链调用机制实例1
查看>>
Netty工作笔记0076---handler链调用机制实例3
查看>>