vue3获取reactive中的值
时间: 2023-12-08 20:35:14 浏览: 643
要获取 reactive 对象中的值,可以使用 ref 或 toRefs 函数将其转换为 ref 对象或响应式对象,然后通过 .value 或解构赋值的方式获取值。例如:
```javascript
import { reactive, ref, toRefs } from 'vue'
const state = reactive({
count: 0,
message: 'Hello World'
})
// 使用 ref 转换为 ref 对象
const countRef = ref(state.count)
console.log(countRef.value) // 输出 0
// 使用 toRefs 转换为响应式对象
const stateRefs = toRefs(state)
console.log(stateRefs.count.value) // 输出 0
console.log(stateRefs.message.value) // 输出 'Hello World'
```
阅读全文