get和set都是回調函數
什麼是回調函數:1/你定義的 2/你沒有調用 3/但最終執行了
關于回調函數需要知道的兩個問題:1/什麼時候調用 2/用來做什麼
const vm = new Vue ({
data: {
firstName; ‘A’,
lastName: 'B'
},
computed: {
fullName: {
//1/當需要讀取目前屬性值時調用(初始化)/當依賴項變化時也調用該回調函數 2/根據相關資料計算并傳回目前屬性值
get () {
return firstName + ' ' + lastName;
},
//1/監視:當屬性值變化時調用該回調函數 2/根據最新的屬性值計算相關資料
set (value) { //fullName是要監聽的屬性,value是fullName的最新屬性值
this.firstName = value.split(' ').[0];
this.lastName = value.split(' ').[1];
}
}
}
})
html
姓:<input type="text" v-model="firstName" />
名:<input type="text" v-model="lastName" />
姓名:<input type="text" v-model="fullName" /> //計算屬性不能加()