3、Vue3 composition -- reactive A

• 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>