vue組件實現首次加載就觸發watch

組件首次加載就觸發watch

首次加載就觸發watch需要修改其immediate屬性為true，其默認值為false

watch:{
    "val":{
      immediate:true,//首次加載的時候執行函數
      deep:true,//深入觀察數組值的變化，
      inputVal:function(){
 
      }
    }
  }

當 watch 一個變量的時候，初始化時並不會執行，如下面的例子，你需要在created的時候手動調用一次。

created() {
  this.fetchUserList();
},
watch: {
  searchText: 'fetchUserList',
}

上面這樣的做法可以使用，但很麻煩，我們可以添加immediate屬性，這樣初始化的時候就會自動觸發(不用再寫created去調用瞭)，然後上面的代碼就能簡化為：

watch: {
  searchText: {
    handler: 'fetchUserList',
    immediate: true
  }
}

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。