watch:{  // 當(dāng)這個(gè)workType發(fā)生改變時(shí)，就是1個(gè)數(shù)據(jù)的改變，就會(huì)影響到type5和foll的改變
    'queryParams.workType':function (newName,oldName){
      if(newName==1){
        this.type5 = this.type3,
        this.foll = true
      }else if(newName==2){
        this.type5 = this.type4,
        this.foll = false
      }
    }
  },

  watch: {
    isLoading (newVal, oldVal) { //1. 原來(lái)的值，和現(xiàn)在的值，是否有變化，如果有變化，觸發(fā)這個(gè)函數(shù)
      console.log('2 isLoading newVal is ', newVal, ' , oldVal is ', oldVal)
 
      //2. 當(dāng)加載完成時(shí), 還需要判斷用戶是否已登錄
      const username = getLoginedUsername(this.$store)
      if (username != undefined && username != null) {
        // 已登錄時(shí), 跳轉(zhuǎn)首頁(yè)
        toHomePage(this)
      }
    }
  },
 
  computed: {
    isLoading () {
      return isLoading(this.$store)
    }
  },
 
import { isLoading, getLoginedUsername } from 'utils/utils'

 data() {
    return {
      verifyData: this.propData,
      editBoxShow: false,
 
      type3: [{
        worksRegion: '0',
        label: '牛奶'
      },{
        worksRegion:"1",
        label: "面包"
      },
        {
          worksRegion:"3",
          label: "水果"
        }
      ],
      type4: [{
        worksRegion: '0',
        label: '炸雞'
      },{
        worksRegion:"1",
        label: "漢堡"
      },{
          worksRegion:"2",
          label: "可樂(lè)"
        },
        {
          worksRegion:"3",
          label: "北京烤鴨"
        }
      ],
      type5:[],
     
      queryParams:{
        id:"",
        workType:'',//1開發(fā) , 2 測(cè)試 
        foll:true
      },
 
    };
}

  watch:{  // 當(dāng)這個(gè)workType發(fā)生改變時(shí)，就是1個(gè)數(shù)據(jù)的改變，就會(huì)影響到type5和foll的改變
    'queryParams.workType':function (newName,oldName){
      if(newName==1){
        this.type5 = this.type3,
        this.foll = true
      }else if(newName==2){
        this.type5 = this.type4,
        this.foll = false
      }
    }
  },

說(shuō)明：
 
handler: 固定方法觸發(fā)
deep: 開啟深度監(jiān)聽
immediate: 頁(yè)面初始化時(shí)handler立即執(zhí)行一次
 
  data(){
    return {
      user: {
        userNo: "",
        sex: ""
      }
    }
  },
 
  // 監(jiān)聽整對(duì)象
  watch: {
        // 監(jiān)聽整個(gè)對(duì)象，對(duì)象里的每個(gè)屬性值的變化都會(huì)執(zhí)行handler，執(zhí)行后獲取的 newVal 值和 oldVal 值是一樣的
    user: {
      handler(newVal, oldVal){
        console.log(newVal, oldVal);
      },
      deep: true,
      immediate: true
    }
  }
 
 watch: {
       // 監(jiān)聽對(duì)象的某個(gè)屬性，被監(jiān)聽的屬性值發(fā)生變化就會(huì)執(zhí)行函數(shù)，但獲取的 newVal 值和 oldVal 值不一樣
    'user.userNo': {
      handler(newVal, oldVal){
        console.log(newVal, oldVal);
      },
      deep: true,
      immediate: true
    }
  }
 
 

  watch: {
    traysNos (newVal, oldVal) {
      if ((newVal && !oldVal) || (newVal && oldVal && newVal !== oldVal)) {
        this.filterDeliverysOutLists = []
        this.deliverysOutsList = this.fullsDeliverysOutsLists
      }
    }
  },

   data () {
    return {
      loading: false,
      submitsCheck: true,
    }
  },
 
 watch: {
    'order.traysNos' (val) {
      if (val == null || val == '') {
        this.submitsCheck = true
      } else if (val) {
        this.submitsCheck = false
      }
    }
  },
 

  watch: {
    reservesNo (newVal, oldVal) {
      if ((newVal && !oldVal) || (newVal && oldVal && newVal !== oldVal)) {
        this.reservesNo = newVal // 獲取到新值
        this.$router.replace({  // 跳轉(zhuǎn)，注意，這種跳轉(zhuǎn)，是不可以回退的
          query: {
            reservesNo: this.reservesNo  // 傳新值
          }
        })
        this.findOrderNo()  // 執(zhí)行其他的函數(shù)
      }
    }
  },

<script>
export default {
  name: "Home",
  data() {
    return {
      text: ""
    };
  },
  watch: {
    text(newVal, oldVal) {
      
    }
  },
};
</script>