在 vue.js 中，計算屬性用于計算派生數據，而 methods 用于執行操作。計算屬性是表達式的值，只要依賴的數據改變就重新計算；methods 是函數，只有在調用時執行。
Vue 中計算屬性和 methods 的區別
在 Vue.js 中，計算屬性和 methods 是處理數據的兩種機制，但它們有著不同的用途和特性。
計算屬性
用途：計算屬性用于計算派生數據或從其他數據派生新的值。它是一個表達式，基于其他反應式數據計算一個新值。
特點：
在模板中使用 {{ }} 語法訪問。
只要依賴的數據改變，就會重新計算。
緩存計算結果，以提高性能。
methods
用途：methods 用于執行操作、改變數據或發起異步請求。它是一個 JavaScript 函數，可以被組件實例調用。
特點：
在模板中使用 v-on 事件處理程序調用。
只有在被顯式調用時才會執行。
不緩存結果，每次調用都會重新執行。
何時使用計算屬性？
當需要基于其他數據計算新值時。
當需要緩存計算結果以提高性能時。
當計算邏輯相對簡單，不需要自定義功能時。
何時使用 methods？
當需要執行操作、改變數據或發起異步請求時。
當需要自定義功能或復雜邏輯時。
當不需要緩存計算結果時。
