路由懒加载
懒加载的原因:当打包构建应用时,js包会变得非常大,在第一次加载时影响页面的加载速度,如果我们能把不同路由的组件分割成不同的代码块,然后当路由被访问时才会加载对应的组件。这样加载会更加的高效,提高用户的体验舒适度。
懒加载实现:在你的main.js中把你引入的,例:import Add from './compornents/Add.vue' 。可以直接注释掉,把后面的路径内容放到下面:
export default new VueRouter({
routes:[
之前的样式:{path:'/'
compontent:Add}
懒加载样式:{p.ath:'/'
compontent:()=import('./compornents/Add.vue')}
]
})
路由懒加载针对的都是路由组件