vue 中 computed 和 method 的區別
computed 和 method 是 Vue.js 中用于處理數據和邏輯的兩個核心概念。雖然兩者都返回響應式值，但它們在目的、實現方式和響應性方面存在著一些關鍵區別：
目的：
computed： 用于計算響應式值，通常基于其他響應式數據的變化。
method： 用于執行操作和更改狀態，返回的值并不一定是響應式的。
實現方式：
computed： 以 getter 函數的形式定義，該函數返回計算結果。
method： 以常規函數形式定義，可以包含任何 JavaScript 代碼。
響應性：
computed： 響應式，其值會隨著依賴關系的變化而自動更新。
method： 非響應式，其值不會自動更新。
性能：
computed： 只有當其依賴關系發生變化時才會重新計算，因此性能相對較好。
method： 每次調用都會重新執行，性能可能會更差。
適用場景：
computed： 當需要計算響應式值時，特別是在渲染模板中使用時。
method： 當需要執行操作或更改狀態時，例如處理表單提交或觸發 HTTP 請求。
示例：
<code class="javascript">// computed，計算全名
fullName() {
return this.firstName + ' ' + this.lastName;
}
// method，改變狀態
updateName(newName) {
this.fullName = newName;
}</code>
登錄后復制
總之，computed 用于計算響應式值，method 用于執行操作和更改狀態。根據具體需求選擇正確的工具非常重要，以確保應用程序的效率和可維護性。
