Array Change Detection Caveats 修改資料 畫面卻死都不動的狀況 - Vue 2

Vue.js 123 / 一次學會 Vue 2 跟 3 https://15days.learnworlds.com/course/vuejs123

0:00 開始 0:21 無法辨識的情形 1:17 問題 1：直接置換 array 的內容 3:14 實際測試 6:19 解法 1 - Vue.set 8:24 解法 2 - splice 12:56 問題 2：修改 array 長度

在 MVVM 的架構裡面，data 改變通常都會直接反映到畫面上 (view) 但是 Vue 2 因為原生 Javascript 在 Array 上的設計比較特別，所以在某些特殊狀況底下，即使 Array 的內容改變了，也不會更新到畫面上

是那些情況不會有反應呢？那我們又要怎麼處理呢？ 讓我們繼續看下去～～

PS. Vue 3 解決了這個問題了唷～

本內容擷取自 Vue.js 123 https://15days.learnworlds.com/course/vuejs123 Blog：https://15days_website.pse.is/3bcl35

#vuejs教學 #vuejs介紹 -- 想知道要如何學習，歡迎來「網頁15天」逛逛 https://15days.website/ 也歡迎直接找我們聊聊 http://m.me/15days.website ... https://www.youtube.com/watch?v=M8ag_k0EAzA