vue組件實(shí)現(xiàn)首次加載就觸發(fā)watch
更新時(shí)間：2022年07月02日 14:23:32 作者：cxy_pan0913
這篇文章主要介紹了vue組件實(shí)現(xiàn)首次加載就觸發(fā)watch方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
組件首次加載就觸發(fā)watch
首次加載就觸發(fā)watch需要修改其immediate屬性為true，其默認(rèn)值為false
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ā)(不用再寫created去調(diào)用了)，然后上面的代碼就能簡(jiǎn)化為：
watch: {
? searchText: {
? ? handler: 'fetchUserList',
? ? immediate: true
? }
}以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
對(duì)Vue2 自定義全局指令Vue.directive和指令的生命周期介紹
今天小編就為大家分享一篇對(duì)Vue2 自定義全局指令Vue.directive和指令的生命周期介紹，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了關(guān)于Vue 3.0引入百度地圖不兼容的解決辦法,本文通過(guò)實(shí)例代碼給大家分享解決方法，需要的朋友可以參考下2022-08-08
mitt又稱事務(wù)總線,是第三方插件,這篇文章主要為大家詳細(xì)介紹了Vue3中事件總線mitt的使用方式,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-03-03
介紹了如何在Vue項(xiàng)目中使用Axios封裝請(qǐng)求、配置攔截器,并在api.js中統(tǒng)一管理API接口,同時(shí),也講解了如何在vite.config.js中配置解決跨域問(wèn)題,這些操作可以優(yōu)化前端代碼結(jié)構(gòu),提高開(kāi)發(fā)效率2024-09-09
vue結(jié)合vue-electron創(chuàng)建應(yīng)用程序小結(jié)
這篇文章主要介紹了vue結(jié)合vue-electron創(chuàng)建應(yīng)用程序,本文給大家介紹了安裝electron有兩種方式，兩種方式創(chuàng)建的項(xiàng)目結(jié)構(gòu)大不相同，需要的朋友可以參考下2024-03-03
Arco Design 作為一款專為 Vue3 打造的企業(yè)級(jí) UI 組件庫(kù),以其豐富的特性和卓越的性能,成為現(xiàn)代 Web 應(yīng)用開(kāi)發(fā)者值得關(guān)注的選擇,這篇文章主要介紹了Vue3 框架Arco Design詳解,需要的朋友可以參考下2024-08-08
路由守衛(wèi)（Route?Guards）是?Vue?Router?的一個(gè)功能,它允許我們?cè)诼酚砂l(fā)生之前執(zhí)行邏輯判斷,這篇文章主要為大家介紹了Vue中路由守衛(wèi)的具體應(yīng)用,需要的可以了解下2024-03-03
通過(guò)vue-cli3構(gòu)建一個(gè)SSR應(yīng)用程序的方法
這篇文章主要介紹了通過(guò)vue-cli3構(gòu)建一個(gè)SSR應(yīng)用程序,以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。2018-09-09
axios請(qǐng)求的一些常見(jiàn)操作實(shí)戰(zhàn)指南
axios是一個(gè)輕量的HTTP客戶端,它基于XMLHttpRequest服務(wù)來(lái)執(zhí)行 HTTP請(qǐng)求,支持豐富的配置,支持Promise,支持瀏覽器端和 Node.js 端,下面這篇文章主要給大家介紹了關(guān)于axios請(qǐng)求的一些常見(jiàn)操作,需要的朋友可以參考下2022-09-09
Element ui table表格內(nèi)容超出隱藏顯示省略號(hào)問(wèn)題
這篇文章主要介紹了Element ui table表格內(nèi)容超出隱藏顯示省略號(hào)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,2023-11-11