zyuan8591 / aaron-vue-web

https://aaron-vue-web.vercel.app
2 stars 0 forks source link

2. reactive vs ref #2

Open zyuan8591 opened 1 year ago

zyuan8591 commented 1 year ago

reactive()` 只能接受 Object 或 Array,會對內部的屬性變動做深層的監聽,取資料時不需要 .value。 ref() 可以接受任何型態的資料,但是不會對物件或陣列內部的屬性變動做監聽。

const user = reactive({
    name: 'Mike',
    age: 12, 
    tel: 0910xxxxxx,
    concatData: computed(() => {
        return `名稱: ${user.name}, 年齡:${user.age}, 電話: ${user.tel}`
    })
})