1.匯入對應頁面檔案
2.填寫路由配置
1.不需要匯入對應頁面檔案，如果需要懶載入，就不能匯入，否則懶載入會無效，會變成常規載入方式。
2.直接填寫路由配置即可！
瀏覽器檢視效果：
這裡的 test.js 名字 是剛剛在上面綠色註解裡面填的內容 ，自己隨意取名即可。
當點選該頁面後才會進行載入，而不會在第一次進入**時就一次性全部載入完成，如果是一次性全部載入完成，首次進入網頁需要等待時間較長，影響使用者體驗。
**如下：
,component: () => import(/* webpackchunkname: "test" */ '../views/test.vue'),
}
vue實現懶載入功能
頁面滑動到底部觸發內容載入 參考 原理 首先要先判斷頁面怎麼樣才是滾動到底部，也就是scrolltop window的height是否大於document的height if window scrolltop window height document height 然後在window物件上繫結s...
VUE 實現路由懶載入
安裝外掛程式 npm i babel plugin syntax dynamic import 在babel.config.js檔案中配置 plugins component 實現路由懶載入外掛程式 babel plugin syntax dynamic import 將路由改為按需載入的形式 原來...
vue實現路由懶載入
一.意義 為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件 和 es中的import 例子 未用懶載入，vue中路由 如下import vue fro...