vue3.0---toRefs的使用

//1、简介：toRefs函数可以将reactive()创建出来的响应式对象，转化为普通对象，只不过这个对象上的每个属性节点都是ref()类型的响应式数据
//2、基本语法：
//按需导入toRefs函数
import { reactive, toRefs } from 'vue'
//...toRefs(state)创建响应式数据对象
setup() {
	let state = reactive({ id:1 })
	return{
		...toRefs(state)
    }
}
//在template中访问响应式数据
<template>
	<div>{{id}}</div>
</template>