点击刷新
-
懒加载也叫延迟加载，即在需要的时候进行加载，随用随载
在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，
造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，
运用懒加载可以将页面进行划分，按需加载页面，可以分担首页所承担的加载压力，减少加载用时。 -
一种代码分块的语法，使用 AMD 风格的 require
import Vue from 'vue'
import Router from 'vue-router'
//内容区域
//import Main from '@/components/common/main'
//我的店铺-店铺首页
//import Home from '@/components/page/home/home'
//商品管理-商品发布
//import Issue from '@/components/page/product/product_issue'
Vue.use(Router)
// export default new Router({
// routes: [
// {
// path: '/',
// name: 'main',
// component: Main,
// children:[
// {
// path: '/home',
// component: Home
// },{
// path: '/issue',
// component: Issue
// }
// ]
// }
// ]
// })
const routes = [
{
path:'/',
component:resolve => require(['@/components/common/main'],resolve),
children:[
{
path:'/home',
component:resolve => require(['@/components/page/home/home'],resolve)
},
{
path:'/issue',
component:resolve => require(['@/components/page/product/product_issue'],resolve)
}
]
}
]
const router = new Router({
routes
})
export default router;
© 著作权归作者所有
举报
发表评论
0/200
