vue3如何获取reactive的值

在Vue3中，获取reactive对象的值可以使用`ref`或`reactive`函数。

如果你使用的是`ref`，则可以直接通过`.value`来获取值。例如：

import { ref } from 'vue'

const count = ref(0)
console.log(count.value) // 输出0

如果你使用的是`reactive`，则需要通过对象的属性来获取值。例如：

import { reactive } from 'vue'

const state = reactive({
  count: 0,
  message: 'Hello World'
})
console.log(state.count) // 输出0
console.log(state.message) // 输出'Hello World'

需要注意的是，如果你想在模板中使用reactive对象的值，需要使用Vue提供的`template`标签，例如：

<template>
  <div>{{ state.count }}</div>
</template>

<script>
import { reactive } from 'vue'

export default {
  setup() {
    const state = reactive({
      count: 0
    })

    return {
      state
    }
  }
}
</script>