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