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