vue-cli按需加載,懶加載組件


vue來做一個單頁面應用,當我們的項目越來越大,組件越來越多的時候,首次啟動項目戶特別慢,就算做一個加載框,蒙層之類的,體驗也不會好,這個時候就需要按需加載

1.什么叫按需加載

            所謂按需加載,顧名思義,就是當我需要的時候再給我,我不要的時候,你就老老實實待着

2.如何懶加載

            2.1路由的按需加載

                    

    用起來很簡單,原來定義路由component:‘Home’

    按需加載的寫法就是:resolve => require(['@/components/home/home'],resolve)

        2.2組件的按需加載

                

        上圖是我們,正常加載組件的方法

這里是按需加載,組件寫法,同按需加載路由差不多


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM