在页面中,每个路由都对应着js文件。
在打包时,会把所有业务代码,也就是所有路由对应的代码,打包到一个文件中。这样会造成页面过于大的问题。每次从服务器请求时,会花费较长时间。
但是通过路由懒加载,将每个路由对应的组件打包成一个个的js代码块,只有在这个路由被加载到的时候,才执行这个相应代码块。
在vue中,配置路由时,
{ path:'/index', component: ()=>import('../index.js') }
在页面中,每个路由都对应着js文件。
在打包时,会把所有业务代码,也就是所有路由对应的代码,打包到一个文件中。这样会造成页面过于大的问题。每次从服务器请求时,会花费较长时间。
但是通过路由懒加载,将每个路由对应的组件打包成一个个的js代码块,只有在这个路由被加载到的时候,才执行这个相应代码块。
在vue中,配置路由时,
{ path:'/index', component: ()=>import('../index.js') }