vue路由问题,这段代码是什么意思啊?

img

img


menu.component = resolve => require([@/${name}], resolve);这句话怎么理解?

简单的来说就是引入拼接的路径,被webpack打包成组件,像大多数系统都带有着路由权限,我们常常在后台中需要配置一个个对应的路由

img

像这样,通常cli给我们配置的引入 @ 符号,默认就会去查找 src 路径,对应配置好路由之后,需要遍历出所有的路由项,然后进行引入,如然后进行 url 路由匹配

对应 webpack 打包之后就会依据我们拼接的路径 require([@/${name}],resolve):
name:其实就是遍历的路由地址,resolve就是require引入成功之后的回调函数

如果menu.component这个值存在的话就赋值一个路径,这个值在数据库应该是个名字,在前端读出来后组合成路径

你打印一下 menu看看 。 动态加载 组件 。 这个是 按需加载 懒加载 语法吧。https://www.jianshu.com/p/876e1b85adb6