vue引入组件写法疑问

wangyuanqi
  • 120

图片描述

谁能解释下这种写法?用于vue router引入组件,效果和
const pagination = require('@/components/pagination') 一样;

评论
阅读 813
3 个回答

可以参考vue-router文档里面的路由懒加载。
const pagination = require('@/components/pagination') 这种写法,打包的时候会全部打包到一起,Javascript包会变得非常大,影响页面加载。
截图的代码把不同路由对应组件分成了不同代码块,路由被访问时候才加载对应组件。

路由的按需加载,你的写法属于不是按需加载,按需加载会在页面第一次请求的时候,把相关路由组件块的js添加上;非按需加载则会把所有的路由组件块的js包打在一起

clipboard.png
你所描述的方法是按需加载

宣传栏