vue之ref、reactive响应式引用

ref

        const app = Vue.createApp({
            setup(){
                const {ref} = Vue;
                const name = ref('zhong')
                setTimeout(()=>{
                    name.value = 'john'
                },2000)
                return{
                    name,
                    age:22
                }
            },
            template:
            `
              <div>{
  {name}}--{
  {age}}</div>
                `
        })
        const vm = app.mount('#app')

reactive

        const app = Vue.createApp({
            setup(){
                const {reactive,toRefs} = Vue;
                //proxy,{name:'dell'}变成proxy({name:'dell'})
                const nameobj = reactive({name:'dell'});
                setTimeout(()=>{