vue路由中component的动态引入（import、require的各种写法）
常用import写法（如下图）：
常用写发，先用import通过路径引入组件对象，再赋给component。
稍微高级一点
直接“@”到目标主文件夹，不用敲那么多点点点。文章来源：https://www.toymoban.com/news/detail-458747.html
第一种与第二种的结合，可实现懒加载。
来源转化：文章来源地址https://www.toymoban.com/news/detail-458747.html
const login = () => import('@/views/login/index')
...
{
...
component: login,
...
},
当项目路由很多时，可能需要根据数组动态设置路由，设置中动态设置component组件对象引入地址的方法：
let url = 'xxxxxxx'
{
...
component: () =>到了这里，关于vue路由中component的动态引入（import、require的各种写法）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do](https://imgs.yssmx.com/Uploads/2024/02/730390-1.png)
