路由懶加載

Vue 項目中實現路由按需加載(路由懶加載)的 3 中方式:javascript

// 一、Vue異步組件技術 CommonJS規範:
 {
    path: '/home',
    name: 'Home',
    component: resolve => reqire(['path路徑'], resolve)
  }
 
// 二、es6的import
  const Home = () => import('path路徑')
 
// 三、webpack提供的require.ensure()
  {
     path: '/home',
     name: 'Home',
     component: r => require.ensure([],() =>  r(require('path路徑')), 'demo')
  }
相關文章
相關標籤/搜索