有時(shí)候打包時(shí)牌捷,js文件會(huì)非常大好啰,我們可以利用路由的懶加載去優(yōu)化這個(gè)問題,當(dāng)我們用到某個(gè)路由后疑务,才去加載對應(yīng)的組件沾凄,這樣就會(huì)更加高效,實(shí)現(xiàn)代碼如下:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
component: resolve => require(['components/Hello.vue'], resolve)
//這里加載了 記得上面就不需要在import 這個(gè)組件了
},
{
path: '/about',
component: resolve => require(['components/About.vue'], resolve)
}
]
})