vue的watch监听全部属性 进入页面就执行

可以使用`immediate`选项来在监听到属性变化时立即执行回调函数，同时也可以在`mounted`钩子函数中手动触发一次回调函数。

示例代码：

watch: {
  // 监听所有属性变化
  '$data': {
    handler: function (newValue, oldValue) {
      console.log('属性变化了', newValue, oldValue)
    },
    immediate: true  // 立即执行回调函数
  }
},
mounted () {
  // 手动触发一次回调函数
  this.$watch('$data', {
    handler: function (newValue, oldValue) {
      console.log('属性变化了', newValue, oldValue)
    },
    immediate: true
  })
}

相关问题

vue watch监听对象的属性

Vue中的watch可以用来监听对象的属性变化。可以通过在watch选项中定义一个对象来监听对象的属性，也可以使用deep属性来深度监听对象的变化。当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，此时就需要deep属性对对象进行深度监听。在监听对象属性时，可以使用引号将属性名括起来，也可以直接使用对象名。当监听对象属性时，新旧值是相同的，需要通过this来获取对象的属性值。 <<引用>><<引用>>

vuewatch监听

Vue中的watch可以用于监听对象中的属性的变化。具体来说，可以使用深度监听来监听对象中所有属性的变化。当对象中的属性发生变化时，会触发相应的处理函数。

在Vue中，可以使用watch来监听对象的属性变化。例如，在data中定义了一个对象school和一个对象room，并在watch中对它们进行监听。对于school对象，可以直接在handler中处理变化；而对于room对象，需要设置deep为true来开启深度监听，这样就可以监听到对象内部属性的变化。当对象属性发生变化时，相应的handler函数就会被调用。

另外，如果想要监听对象中的某个属性，可以使用第二种方法，在watch中直接指定对象的属性路径即可。例如，如果想要监听obj对象中的message属性的变化，可以在watch中写成"obj.message"，并定义相应的处理函数。

正常的watch监听函数中，可以通过参数传递当前值和旧值来处理属性的变化。如果想要深度监听对象或数组的变化，可以定义一个handler函数，并在函数中使用val和oldVal参数来获取变化后的值和变化前的值。