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

watch的初始立即執(zhí)行

當(dāng) watch 一個(gè)變量的時(shí)候，初始化時(shí)并不會(huì)執(zhí)行，如下面的例子，你需要在created的時(shí)候手動(dòng)調(diào)用一次。

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

上面這樣的做法可以使用，但很麻煩，我們可以添加immediate屬性，這樣初始化的時(shí)候就會(huì)自動(dòng)觸發(fā)(不用再寫(xiě)created去調(diào)用了)，然后上面的代碼就能簡(jiǎn)化為：

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

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue3中#default=“scope”的使用
在Vue3中,我們經(jīng)常會(huì)遇到需要處理列表渲染的情況,Vue3引入了一種新的語(yǔ)法,即#default=“scope”,本文就來(lái)介紹一下Vue3中#default=“scope”的使用,感興趣的可以了解一下
2023-10-10
Vue3中Vuex的詳細(xì)使用方法
在vue3.x中vuex調(diào)取值在html代碼里可以直接使用vue2.x的方法,但是在js里與vue2.x就有了那么一丟丟的不同,下面這篇文章主要給大家介紹了關(guān)于Vue3中Vuex詳細(xì)使用的相關(guān)資料,需要的朋友可以參考下
2022-07-07
在vue中如何使用Mock.js模擬數(shù)據(jù)
這篇文章主要介紹了在vue中如何使用Mock.js模擬數(shù)據(jù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-05-05
vue可視化表單設(shè)計(jì)器自定義組件使用方法
Vue前端開(kāi)發(fā)中表單組件是排在前三的高頻使用的組件,下面這篇文章主要給大家介紹了關(guān)于vue可視化表單設(shè)計(jì)器自定義組件使用的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12
vuex實(shí)現(xiàn)的簡(jiǎn)單購(gòu)物車(chē)功能示例
這篇文章主要介紹了vuex實(shí)現(xiàn)的簡(jiǎn)單購(gòu)物車(chē)功能,結(jié)合實(shí)例形式分析了vuex購(gòu)物車(chē)組件相關(guān)商品列表、購(gòu)物車(chē)創(chuàng)建、添加、刪除、清空等相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
vue3?組合式api中?ref?和$parent?的使用方法
vue3中，在組件中添加一個(gè) component ref=“xxx” ，就可以在父組件中得到子組件的 dom 對(duì)象，以及虛擬的 dom 對(duì)象，有了虛擬 dom, 我們就可以在父組件中控制子組件的顯示了，這篇文章主要介紹了vue3組合式api中ref和$parent的使用,需要的朋友可以參考下
2023-09-09
vue頁(yè)面使用阿里oss上傳功能的實(shí)例（一）
本篇文章主要介紹了vue頁(yè)面使用阿里oss上傳功能的實(shí)例（一），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作
這篇文章主要介紹了Vue切換組件實(shí)現(xiàn)返回后不重置數(shù)據(jù),保留歷史設(shè)置操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-07-07
詳解Vue2.x-directive的學(xué)習(xí)筆記
這篇文章主要介紹了詳解Vue2.x-directive的學(xué)習(xí)筆記，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
vue3.0項(xiàng)目快速搭建的完整步驟記錄
這篇文章主要給大家介紹了關(guān)于vue3.0項(xiàng)目快速搭建的相關(guān)資料,本文通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3.0具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2021-12-12