Vue监视属性变化watch

在 Vue.js 中，watch 选项用于观察 Vue 实例的数据变化，并在数据变化时执行相应的回调函数。它特别适用于你需要在数据变化时执行异步或开销较大的操作的场景。watch 可以监听数据属性、计算属性的变化，也可以对深层嵌套的数据进行监听。

基本语法

watch: {
   
   
  // 监听单一数据属性
  propertyName(newValue, oldValue) {
   
   
    // 数据变化时执行的逻辑
    console.log(`属性值从 ${
     
     oldValue} 变为 ${
     
     newValue}