vue前端项目组织

react是一个视图层的框架（曾经是，如今有了hook，已经超越的视图的范畴），vue借鉴了react的不少思想，因此也能够看作是一个视图层的框架（虽然vue2.0宣称本身是前端的一个渐进式开发框架，可是这里简单些看作是视图的框架）。vue构建了一个数据驱动视图的开发方式，让复杂的逻辑转化为对数据的逻辑，因而数据操做到了必定复杂的程度，就须要有数据状态管理。咱们可能须要用数据去描述一些业务的状态，这样才能将业务在技术上分块，抽象。因而，能够大体获得一个前端项目的模型：

1. 视图层
2. 数据层
3. 业务

视图层负责渲染到界面的，好比vue，react这样的库负责渲染到web浏览器上，UIKit这样的库负责渲染到ios设备上。其核心是组件化。数据层通常由vuex，redux这样的库来作，固然也会有不少的局限性，这时也能够用node+graphQL作一个更强大的数据管理。业务的描述我记得是有许多语言模型，好比流程图，UML，时序图这些，在一些graphQL大会上还会听到将DDD和graphQL融合起来的演讲。前端要作描述DDD+graphQL也许是一个更好的方式。

下面来讲一说vue组件化的一些实践：
要作好组件化，能够考虑几点：