Computed 跟 Methods 的差異

computed()

會依據計算的資料進行緩存，只要你的資料沒有重新被更改，你的 computed 不會被重新計算執行。

methods()

不會進行緩存，每次都會重新執行，但是可以傳速參數進行處理。

差異比較

• 執行效能： computed < methods computed 在效能的負載量會小於 methods ，因為他會將資料進行緩存，也就是如果監聽的資料被改動時，則可以快速的將緩存呼叫出來，進行更動，不需要每一次都重新去執行完整的函示。
• 記憶體負荷：computed > methods computed 會吃到較多的記憶體，methods 則是每一次執行完成函示時，就會將記憶體給刪除掉。
• 靈活度：computed < methods methods 可以傳入許多的函示來做同時使用，靈活度會比 computed 高上許多。

使用情境

當今天資料會被頻繁做更動以及計算時，DOM 元素需要頻繁被更動時，就適合使用 computed 如果執行的頻率不是很頻繁的話，就適合使用 methods

首頁考量的要點為： 當前的情境需不需要被傳入傳數來做計算的話，就適合使用 computed，透過這個情境的使用，將資料直接返回到 DOM 來做執行，就能夠達成網頁不用被重新計算，並且有緩存的效果，成功地完成了效能優化以及提升使用者體驗。