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