2016-10-13 28 views
1

我对小型页面应用程序或小型组件使用VueJs。 但现在我试图用VueJS构建一个应用程序的整个前端。VueJS buil大型应用程序体系结构

我在项目的架构上遇到了一些麻烦。

我应该为每个页面创建一个组件吗? (像vue路由器文档) like:HomePage,ArticlePage,LoginPage,ContactPage等..

但是,如何组织我的组件文件夹与这么多的组件? 我想知道是否有一些典型的大型应用VueJs架构?

这里是我的架构,我VueJS项目:

VueJs architecture

回答

1

即结构细,我想你有它里面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/文件夹中的文件夹。

0

您应该制作更多的文件夹和子文件夹来对架构进行分类。

我分享我目前使用这种方法,它更可重用,更喜欢你在一个多人开发团队内。

绝对适合大型应用。它包括3个零件。

Part 1Part 2Part 3