在 vue 中，watch 用于響應數據變化，觸發回調函數；methods 用于執行用戶定義的方法，可從任何組件方法或模板調用，主要用于執行計算、處理數據或觸發操作。
vue 中 watch 和 methods 的區別
主要區別：
watch 和 methods 都是用于響應數據變化的 Vue.js 特性，但它們具有不同的功能和用途：
watch：
監視特定數據的變化。
當監視的數據發生變化時，觸發回調函數。
主要用于響應數據變化并執行相應的操作。
methods：
包含用戶定義的方法。
可以從任何組件方法或模板中調用。
主要用于執行計算、處理數據或觸發操作。
詳細解釋：
功能：
watch 用于響應數據變化，而 methods 用于執行操作。
watch 是聲明性的，而 methods 是命令式的。
語法：
watch：
<code class="js">watch: {
someProperty: {
handler: function (val, oldVal) {
// 數據變化時調用的函數
},
// 可選選項
immediate: true, // 立即觸發
deep: true, // 深度監視
},
}</code>
登錄后復制
methods：
<code class="js">methods: {
someMethod: function () {
// 執行的操作
},
}</code>
登錄后復制
用法：
watch 通常用于響應組件狀態或外部數據的變化。
methods 用于需要在組件中執行的任何操作或計算。
最佳實踐：
使用 watch 來監聽數據變化并采取相應的行動。
使用 methods 來執行需要明確調用的操作和計算。
避免在 methods 中進行數據操作，因為它會違反 Vue.js 的響應性系統。
