vue的data數據的動態引用

  做項目時有時候會用到多個pop彈出層,pop彈出層的v-model顯示則會有多個data的變量控制,則相應的有多個函數控制這些不同變量.如果能將這些顯示隱藏的函數抽象為一個通用方法,根據傳入的參數給data賦值。(比如有4個pop彈出層，控制他們隱藏和顯示要用到至少4個方法來控制data里面的四個變量，能不能抽象出來寫成一個通用的方法)

test(r){
    return this[r];
}
//獲取驗證碼
async getCode(validate){
    console.log(this.test('vericode_count'));
}

然后我們可以將其抽象成一個方法，用來控制pop層的顯示和隱藏

setPop(prop,value){
    this[prop] = value;
}

這樣寫顯示隱藏,會顯著減少代碼數量，提高方法的可復用性