本文共 514 字，大约阅读时间需要 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/