Vue 響應式屬性


本文參考自:https://www.w3cplus.com/vue/vue-reactivity-and-pitfalls.html

1、概述

當創建一個Vue實例時,每個數據屬性、組件屬性等都是可以遍歷的,並為每個數據屬性添加了gettersettergettersetter允許Vue觀察數據的更改並觸發更新。

如果你在Vue實例化后添加(或刪除)一個屬性(例如在方法或生命周期鈎子中),Vue是不知道它的

 

2、更新響應式對象

使用Vue.set設置一個新的對象屬性。該方法確保將屬性創建為一個響應式屬性,並觸發視圖更新。

function addToCart(id) { var item = this.cart.findById(id); if(item) { item.qty++ } else { // 不要直接添加一個屬性,比如 item.qty = 1 
                    // 使用Vue.set 創建一個響應式屬性 
                    Vue.set(item, 'qty', 1) this.cart.push(item) } } addToCart(myProduct.id);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM