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