vue前端项目组织

Jeff 发布于2019-08-23 18:12 / 894人阅读

摘要：于是，可以大致得到一个前端项目的模型视图层数据层业务视图层负责渲染到界面的，比如，这样的库负责渲染到浏览器上，这样的库负责渲染到设备上。其核心是组件化。前端要做描述也许是一个更好的方式。

react是一个视图层的框架（曾经是，现在有了hook，已经超越的视图的范畴），vue借鉴了react的很多思想，所以也可以看做是一个视图层的框架（虽然vue2.0宣称自己是前端的一个渐进式开发框架，但是这里简单些看做是视图的框架）。vue构建了一个数据驱动视图的开发方式，让复杂的逻辑转化为对数据的逻辑，于是数据操作到了一定复杂的程度，就需要有数据状态管理。我们可能需要用数据去描述一些业务的状态，这样才能将业务在技术上分块，抽象。于是，可以大致得到一个前端项目的模型：

视图层

数据层

业务

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

下面来说一说vue组件化的一些实践：
要做好组件化，可以考虑几点：

云服务器 GPU云服务器云服务器搭建vue项目腾讯云服务器部署vue项目 vue项目放到云服务器上阿里云服务器搭建vue项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104827.html

前端项目文件组织与组件命名

摘要：组件划分这种的话组件划分的比较清晰。将组件强势得分为类，这种结构上虽然非常清晰，但是在项目开发的过程中你不得不频繁地将组件在跟之间移来移去，降低了开发体验。缘由在开发项目的过程中，大家多多少少会对自己项目的目录结构产生疑惑，如何合理地划分模块以及如何合理的命名，这些如果在项目前期的时候没有好好规范好的话，那么后面新进来的人便会按照自己的逻辑又重新在划分自己的目录，这样日复一日项目体...

cgh1999520 2019-08-26 13:39 评论0 收藏0
前端每周清单第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3优化

摘要：斯坦福宣布使用作为计算机课程的首选语言近日，某位有年教学经验的斯坦福教授决定放弃，而使用作为计算机入门课程的教学语言。斯坦福官方站点将它们新的课程描述为是最流行的构建交互式的开发语言，本课程会用讲解中的实例。前端每周清单第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3优化服务端渲染，优秀React界面框架合集为InfoQ中文站特供稿件，首发地址为...

warkiz 2019-08-20 16:15 评论0 收藏0
前端每周清单第 54 期: SwiftNIO, 自定义 vue-router, Web 缓存与 Gr

摘要：新闻热点国内国外，前端最新动态苹果开源了版近日，苹果开源了一款基于事件驱动的跨平台网络应用程序开发框架，它有点类似，但开发语言使用的是。苹果称的目标是帮助开发者快速开发出高性能且易于维护的服务器端和客户端应用协议。 showImg(https://segmentfault.com/img/remote/1460000013677379); 前端每周清单专注大前端领域内容，以对外文资料的...

刘东 2019-08-22 15:20 评论0 收藏0
Cesar竞赛平台——软工3课程总结

摘要：竞赛平台软工课程总结软件谢运帷经过一学期竞赛平台项目的实践，我对于软件过程有了更清晰的认识。一竞赛平台的完成情况首先我来介绍一下我们竞赛平台的完成情况。我们基本是各两人负责前后端，主要是同一部分的两人进行技术交流，讨论技术的难点。 Cesar竞赛平台——软工3课程总结软件51 谢运帷 2015013185 经过一学期竞赛平台项目的实践，我对于软件过程有了更清晰的认识。我们小组从一起讨...

Tecode 2019-08-21 18:37 评论0 收藏0