我对小型页面应用程序或小型组件使用VueJs。 但现在我试图用VueJS构建一个应用程序的整个前端。VueJS buil大型应用程序体系结构
我在项目的架构上遇到了一些麻烦。
我应该为每个页面创建一个组件吗? (像vue路由器文档) like:HomePage,ArticlePage,LoginPage,ContactPage等..
但是,如何组织我的组件文件夹与这么多的组件? 我想知道是否有一些典型的大型应用VueJs架构?
这里是我的架构,我VueJS项目:
我对小型页面应用程序或小型组件使用VueJs。 但现在我试图用VueJS构建一个应用程序的整个前端。VueJS buil大型应用程序体系结构
我在项目的架构上遇到了一些麻烦。
我应该为每个页面创建一个组件吗? (像vue路由器文档) like:HomePage,ArticlePage,LoginPage,ContactPage等..
但是,如何组织我的组件文件夹与这么多的组件? 我想知道是否有一些典型的大型应用VueJs架构?
这里是我的架构,我VueJS项目:
即结构细,我想你有它里面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/
文件夹中的文件夹。