vue 組件懶加載(按需加載)的具體實(shí)現(xiàn)

目的

只在訪問當(dāng)前頁面時(shí)加載對(duì)應(yīng)組件，避免頁面組件全部加載。（按需加載）
ES6

// 組件名字與按需引入方式
const Home = () => import(/* webpackChunkName: "home" */ '@/components/page/home/home-index').then(m => m.default)
const Login = () => import(/* webpackChunkName: "login" */ '@/components/page/login/login').then(m => m.default)

Require

const Routers = [
  {
    path: '/',  // 路徑
    component: resolve => require(['../components/member/index], resolve)  // 異步加載組件
  },
  {
    path: '/login',
    component: resolve => require(['../components/member/login'], resolve)
  }
]
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容