Referenzen und Referenzdetails in Vue3

Vue.createApp({
    Vorlage: `<div>{{ nameObj.name }}</div>`,
    aufstellen() {
        const { reaktiv } = Vue
        const nameObj = reaktiv({name:'lilei',Alter:18})
        
        setzeTimeout(() => {
            nameObj.name = "hanmeimei"
        },2000)
        zurückkehren {
            NameObjekt
        }
    }
}).mount('#Wurzel')

Vue.createApp({
    Vorlage: `<div>{{ name }}</div>`,
    aufstellen() {
        const { reaktiv, toRefs } = Vue
        const nameObj = reaktiv({name:'lilei',Alter:18})
                let { name } = NameObj
        setzeTimeout(() => {
            Name.Wert = "hanmeimei"
        },2000)
        zurückkehren {
            Name
        }
    }
}).mount('#Wurzel')

Vue.createApp({
    Vorlage: `<div>{{ name }}</div>`,
    aufstellen() {
        const { reaktiv, toRefs } = Vue
        const nameObj = reaktiv({name:'lilei',Alter:18})
        let { name } = toRefs(nameObj)
        setzeTimeout(() => {
            Name.Wert = "hanmeimei"
        },2000)
        zurückkehren {
            Name
        }
    }
}).mount('#Wurzel')

Vue.createApp({
    Vorlage: `<div>{{ Alter }}</div>`,
    aufstellen() {
        const { reaktiv, toRef } = Vue
        const nameObj = reaktiv({name:'lilei'})
        let Alter = toRef(NameObj,'Alter')
        setzeTimeout(() => {
            Alter.Wert = "hanmeimei"
        },2000)
        zurückkehren {
            Alter
        }
    }
}).mount('#Wurzel')