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

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

1.什麼叫按需加載

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

2.如何懶加載

            2.1路由的按需加載

                    

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

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

        2.2組件的按需加載

                

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


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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章