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

一、前提

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

二、规则

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

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

三、导入

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

总结

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