2

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

我应该为每个页面创建一个组件吗？（就像在 vue 路由器文档中一样）像 HomePage、ArticlePage、LoginPage、ContactPage 等？

但是，我怎样才能用这么多组件来组织我的组件文件夹呢？

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

这是我目前的架构：

VueJs 架构

4

2 回答 2

3

那个结构很好，我猜你里面有它src/。结构总是非常主观的东西，所以没有完美的方法。你是那个会处理它的人，所以你应该让它感觉更舒服。

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

例子：

├ 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

也尽量不要混淆资产文件夹，因为里面的文件夹是要处理的文件夹src/。对于不需要处理或您不想打包的常见资产，请将它们放在static/文件夹中。

于 2016-10-16T07:23:07.023 回答
0

您应该创建更多文件夹和子文件夹来对架构进行分类。

我分享了我目前使用这种方法的方法，它更可重用，并且更喜欢你在一个多人开发团队中。

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

第 1部分,第 2部分,第 3 部分

于 2017-10-12T06:59:25.843 回答