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

鍍金池/ 問答/HTML/ 基于vue的單頁Web應(yīng)用,如何做到按需加載其它頁面?

基于vue的單頁Web應(yīng)用,如何做到按需加載其它頁面?

目前正在學(xué)vue,剛學(xué)到能使用vue-cli開始開發(fā),但是我發(fā)現(xiàn)參照vue-cli構(gòu)建的腳手架寫的頁面(即在src/components/下寫.vue文件),會全部打包在一個js文件里,那如果頁面很多,豈不是首次進入會很慢?

我想深一步學(xué)下去,請問要怎么把這些頁面分開?最好是一個頁面一個js

ps. 我構(gòu)建的腳手架是不含編譯器的,請問是否有必要含一下?

回答
編輯回答
情皺

1.可以用路由按需加載。

{
    path: '/applay/toDoList',
    name: 'toDoList',
    meta: { requireAuth: true ,title: '待處理列表',topMenueSb: true},
    component: () => import('../page/applay/toDoList')
}

2.這樣比如首頁就只會加加載首頁index.vue的代碼。相對來說縮短首頁加載時間。
3.你都說了。這是單頁面應(yīng)用,既然是單頁面應(yīng)用,又如何做到一個頁面引入一個js呢?個人觀點,既然用了這個單頁面模式,就要盡力去契合這種模式。在這個模式下優(yōu)化你遇到的問題。
4.如果你的目的是想用vue ,但是又不想用webpack打包的這種模式。vue是漸進式的,可以直接在html上引入vue.js
然后就可以像傳統(tǒng)jq項目一樣去寫。

2017年2月18日 12:35
編輯回答
尋仙

require.ensure 也可以

2017年1月28日 11:21