路由懒加载

懒加载的原因:当打包构建应用时,js包会变得非常大,在第一次加载时影响页面的加载速度,如果我们能把不同路由的组件分割成不同的代码块,然后当路由被访问时才会加载对应的组件。这样加载会更加的高效,提高用户的体验舒适度。

懒加载实现:在你的main.js中把你引入的,例:import Add from './compornents/Add.vue' 。可以直接注释掉,把后面的路径内容放到下面:

export default new VueRouter({

routes:[

之前的样式:{path:'/'

compontent:Add}

懒加载样式:{p.ath:'/'

compontent:()=import('./compornents/Add.vue')}

  ]

})

路由懒加载针对的都是路由组件

posted @ 2019-06-21 09:22  咱也不敢问  阅读(636)  评论(0编辑  收藏  举报