vue3.0路由自动导入的方法实例

一、前提

我们使用的是require.context方法导入，在vite创建的项目内使用会报错”require not found”，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。

二、规则

我们使用的规则是，搜索src/views/路径下的所有目录和子目录，搜索文件名叫做”index.vue”的文件，使用上级目录的名字作为组件名，进行注册。结构如下：

和公共组件注册一样，我们只注册index.vue组件，其他名称的组件不进行注册。

三、导入

这样，只需要根据规则创建组件，就会被自动注册到路由里面。免去手动注册的繁琐操作。

总结

到此这篇关于vue3.0路由自动导入的文章就介绍到这了,更多相关vue3.0路由自动导入内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！