Javascript 如何在大型vue.js应用程序中构造组件？

我以前使用Vue.js开发小型单页应用程序或小型组件。但现在我正试图用它构建应用程序的整个前端，我的项目架构遇到了一些问题

我应该为每个页面创建一个组件吗？（如vue路由器文档中的）如主页、文章页、登录页、联系人页等

但是，如何组织包含这么多组件的组件文件夹

我想知道大型vue.js应用程序是否有一些典型的体系结构

以下是我当前的架构：

---

这个结构很好，我想你在

src/

里面有它。结构总是非常主观的，所以没有一个完美的方法。你是一个将处理它，所以你应该有它觉得更舒适

我还使用一个名为directives的文件夹，另一个用于插件，另一个用于放置“页面”内容的视图

例如：

├ assets
├ components
│  ├ alerts.vue
│  └ menu.vue
├ directives
│  └ datepicker.vue
├ plugins
│  ├ auth.js
│  └ alerts.js
├ views
│  ├ home.vue
│  └ users
│    ├ edit.vue
│    └ list.vue
├─ App.vue
└─ main.js

---

另外，不要混淆assets文件夹，因为

src/

中的文件夹将被处理。对于不需要处理或您不想打包的常见资产，请将它们放在

静态文件夹中。
您应该创建更多文件夹和子文件夹来对体系结构进行分类

我和大家分享我目前使用这种方法的情况，它更易于重用，并且更希望您在一个不止一个人的开发团队中

绝对适合大型应用。
它包括三个部分

,