vue3.0---toRefs的使用

最新推荐文章于 2024-09-11 22:26:23 发布

--北海道的夏天不会说再见--

最新推荐文章于 2024-09-11 22:26:23 发布

阅读量1.2k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/lonsole/article/details/120318700

版权

//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>