新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue-router組件復用問題詳解-創(chuàng)新互聯(lián)
組件系統(tǒng)是Vue的一個重要組成部分,它可以將一個復雜的頁面抽象分解成許多小型、獨立、可復用的組件,通過組合組件來組成應用程序,結合 vue-router 的路由功能將各個組件映射到相應的路由上,通過路由的變化來告訴Vue要在哪里渲染他們,實現(xiàn)各個組件、各個頁面之間的跳轉(zhuǎn)導航。
問題
使用 vue-router 切換路由時會觸發(fā)組件樹的更新,根據(jù)定義的路由渲染一個新的組件樹,大致的切換過程是這樣的:
- 停用并移除不需要的組件
- 驗證切換的可行性
- 復用沒有進行更新的組件
- 啟用并激活新的組件
具體路由切換控制流程請參考官方文檔:切換控制流水線
那 vue-router 是怎么判斷某一個組件可以復用的呢? 我們看一下下面這條路由配置:
{ path: 'post/:postId', name: 'post', component: resolve => require(['./components/Post.vue'],resolve) }
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享文章:vue-router組件復用問題詳解-創(chuàng)新互聯(lián)
分享網(wǎng)址:http://fisionsoft.com.cn/article/csjssd.html