---
# System prepended metadata

title: Vue - computed 與 methods 的差異
tags: [Vue]

---

# Vue - computed 與 methods 的差異

computed 不會變更資料內容，僅會將計算的結果呈現在畫面上。
Methods 是互動的函式，需要透過觸發來執行，也會變更資料的內容。

## 效能

computed 在資料量太大的情況下，只要資料變動就會重新計算，容易會有過多的計算，容易影響效能，此時就建議使用 methods 來減少不必要的計算。 

###### tags: `Vue`