vue3 setup语法糖中，三点运算符和toRefs的结合实现所有属性的展开和结构？
在vue3中不使用 setup语法糖 的使用可以这样实现
<template> <p>{{ name }}</p>
<p>{{ age }}</p>
</template>
<script>
import { reactive, toRefs } from 'vue'
setup() {
const state = reactive({
name: 'ls',
age: 18
})
return {
...toRefs(state)
}
}
</script>
那么在 setup语法糖怎么实现？
我目前解决的方法是如下：
<script setup>import { reactive, toRefs } from 'vue'
const state = reactive({
name: 'ls',
age: 18
})
const { name, age } = toRefs(obj)
</script>
如果对象中的属性有很多的话，就很不方便，能不能也像不使用 setup语法糖 中的... toRefs(obj) 这种张开所有的属性，不需要以这样的结构方式const { name, age } = toRefs(obj)
以上是 vue3 setup语法糖中，三点运算符和toRefs的结合实现所有属性的展开和结构？ 的全部内容， 来源链接： utcz.com/p/937343.html
