vue3.0 关于setup下 reactive输出问题?

Question

在setup语法糖下想让模板直接使用state里的响应试数据 使用toRefs加结构赋值直接输出
但是要有很多属性怎么办 全都再写一遍就显得很呆 想问下有什么好办法解决这个问题

Answer 1

如果全部属性都要用上，你全解构出来干什么，

直接用不香吗？

<script setup>
import { reactive } from 'vue'

const msg1=reactive({a:'haha',b:'heihei'})

msg1.a='test'
</script>

<template>
  <h1>{{ msg1.b }}</h1>
  <input v-model="msg1.a">
</template>