在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ vue.js 按需加載模塊問(wèn)題

vue.js 按需加載模塊問(wèn)題

Home上有個(gè)book-list的component，就是簡(jiǎn)單羅列一些圖書(shū)的封面和名稱(chēng)，每個(gè)圖書(shū)可以點(diǎn)封面進(jìn)去到BookDetail的頁(yè)面，這些功能沒(méi)問(wèn)題的。
Home還有個(gè)按鈕可以顯示更多圖書(shū)，這就進(jìn)到另一個(gè)更多圖書(shū)的頁(yè)面，里面也有一個(gè)book-list的component，但是有一個(gè)問(wèn)題就是，如果不在Home點(diǎn)擊某本書(shū)進(jìn)入到BookDetail，在更多圖書(shū)的頁(yè)面每本書(shū)就點(diǎn)擊不進(jìn)去BookDetail。
在最后發(fā)現(xiàn)是按需加載的鍋，寫(xiě)成馬上加載就沒(méi)有問(wèn)題了：

原來(lái)是

const BookDetail = resolve => require(['@/views/BookDetail'], resolve)

現(xiàn)在正常的是

import BookDetail from '../views/BookDetail'

誰(shuí)能告訴我如果要按需加載應(yīng)該怎么寫(xiě)
PS：我的vue和webpack都是最新的

回答
編輯回答
練命
這是路由的懶加載，問(wèn)題描述的有點(diǎn)模糊，不知道是不是你要的
  • 聲明
const view = (path, name) => () => import(`@/components/${path}${name}`)// 路由按需加載
  • 用法
export default new Router({
  routes: [

    {
      path: '/',
      name: 'Index',
      component: view('', 'Index'),
      children: [
        {
          path: '/',
          name: 'Recomend',
          component: view('', 'Recomend')
        }
      ]
    }    
  ]
})
2018年8月15日 13:46