- reactive等价于 Vue 2.x 的Vue.observable()，用于获取一个对象的响应性代理对象
- toRefs 将reactive对象转换为普通对象，其中结果对象上的每个属性都是指向原始对象中相应属性的ref引用对象
案例
<template>
<div>
{{name }} == {{ title }}
</div>
</template>
<script>
import { reactive, toRefs } from 'vue'
export default {
name: 'page2',
//
setup() {
const obj = reactive({
name: 'zhangsan',
title: '文案一'
})
// 直接返回obj对象
// return { obj };
// 转换成ref对象返回
const { name , title } = toRefs(obj);
return { name, title }
}
}
</script>
