Vue.js $watch 是 Vue.js 中的一种数据监听器，它可以监听元素的变化。具体来说，它会在元素发生变化时自动更新相关的计算属性，以便在数据变化时触发相应的逻辑。

具体来说，当$watch方法接收到更新后的数据时，它会检查该数据的变化是否影响到已设置的计算属性。如果改变，那么它就会调用相应的计算方法，更新相应的计算属性。

举个例子，假设我们有一个Vue实例，我们想要监听元素的width属性的变化。我们可以使用$watch方法来监听这个属性的变化：

javascript this.$watch('width', function(newWidth) { console.log(newWidth); // 输出新的宽度 }, { deep: true, // 如果被监听的属性值发生了改变，那么就执行计算 handler: function(value) { console.log(value); // 输出新的宽度 } });

在这个例子中，当宽度的值发生改变时，计算属性width的值也会改变。如果我们使用deep选项，那么即使宽度的值没有改变，计算属性也会被更新，以便在后续的计算中获取到新的宽度。

需要注意的是，$watch方法只能监听计算属性的变化。如果你需要监听属性的值的变化，那么你应该使用$nextTick方法或者自定义一个计算属性来实现。