我将 Vue.js 用于小型单页应用程序或小型组件。但现在我正在尝试用它构建应用程序的整个前端,但我的项目架构遇到了一些问题。
我应该为每个页面创建一个组件吗?(就像在 vue 路由器文档中一样)像 HomePage、ArticlePage、LoginPage、ContactPage 等?
但是,我怎样才能用这么多组件来组织我的组件文件夹呢?
我想知道大型 vue.js 应用程序是否有一些典型的架构?
这是我目前的架构:
我将 Vue.js 用于小型单页应用程序或小型组件。但现在我正在尝试用它构建应用程序的整个前端,但我的项目架构遇到了一些问题。
我应该为每个页面创建一个组件吗?(就像在 vue 路由器文档中一样)像 HomePage、ArticlePage、LoginPage、ContactPage 等?
但是,我怎样才能用这么多组件来组织我的组件文件夹呢?
我想知道大型 vue.js 应用程序是否有一些典型的架构?
这是我目前的架构:
那个结构很好,我猜你里面有它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/
文件夹中。