介绍:
Vue.js 中的 watch
选项是一个用于监听数据变化并执行相应逻辑的选项。它允许你监视 Vue 实例中的数据变化,并在数据变化时执行特定的操作,例如更新 UI、发送网络请求或执行其他逻辑。
watch中的参数说明:
监听范围:
-
Vue 实例的数据属性:可以监听 Vue 实例中的任何数据属性,包括在
data
中声明的属性。 -
对象属性:可以监听对象的特定属性,即对象的某个键值对。这样当对象的某个属性发生变化时,
watch
可以捕捉到。 -
表达式:可以监听一个表达式的变化,这个表达式可以包含 Vue 实例的数据属性,对象属性,以及 JavaScript 的运算符等。
-
监听父组件传递给子组件的值。在子组件中可以通过
props
来接收父组件传递的值,并且可以在watch
中监听这些props
的变化。
例子
在上面的示例中,当 count
数据发生变化时,handler
函数会被调用,并打印出新值和旧值。