一个优质的Vue组件库应该遵循什么样的设计原则

一、组件库的价值

就个人而言，拥有一套自己的组件库，可以让你的开发变得更高效，让你在行业里更有价值。
就团队而言，拥有一套团队的组件库，可以让协同开发变得更高效规范，让你的团队在公司更具有影响力。
就公司而言，拥有一套公司维护的开源组件库，可以让你的公司在行业里更具有影响力。

二、哪些情况需要整合一套组件库

从业务上看，当业务达到一定规模后，很多地方需要复用
从设计上看，产品要遵循一定的设计规范来保持统一性
从开发上看，对开发效率要求高，需要快速迭代和响应开发需求
从维护上看，需要统一代码管理，需要达到更改一处全局响应的高可维护性

三、组件设计应遵循什么原则

就近管理
1. 单文件开发
2. 依赖的静态资源放在同级目录
3. 相关联组件也放在同级目录
高复用性
1. 页面级别的复用（基础组件）
2. 项目级别的复用- 私有组件库（业务组件）
3. 公司级别的复用- 开源组件库（element-ui、iview）
分层设计
分层架构分为四个层：展示层(presentation layer)，业务层(business layer)，持久层(persistence layer)和数据库层(database layer)。
由于每一层都是封闭的，所以request必须逐层向下传递。那么为什么每一层都是封闭的呢，因为有个概念叫层隔离。层隔离就是说架构中某一层的改变不会影响到其他层，这些变化的影响范围仅限于当前层。
假如展示层和业务层都能够直接访问持久层，那么当持久层的数据变化时，会直接影响到展示层和业务层，这使得整个应用的耦合度变高了，使得组件之间相互依赖，降低了可维护性。
灵活扩展
组件要充分的考虑扩展性，除了提供丰富的props还要提供slot插槽来完成用户的定制化需求。或者提供可利用render函数动态渲染的功能。

转载于:https://www.cnblogs.com/Man-Dream-Necessary/p/10143828.html

一个优质的Vue组件库应该遵循什么样的设计原则相关推荐

前端架构之路：数据驱动型组件-HeyUI，一个新型的VUE组件库
什么是数据驱动型组件? 其实,目前来说,也只有HEYUI组件库是这种方式的尝试者,这也是我在设计组件库的过程中,慢慢思考的成果. 所以,关于这一种定义,还没有人运用过. 当然,这也是HEYUI区别于其 ...
京东Vue组件库NutUI 2.0发布：将支持跨平台！
NutUI 是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,NutUI 1.0 版本于 2018 年发布.据不完全统计,目前在京东至少有30多个 web 项目正在使用 Nut ...
vue组件库介绍以及组件库Element UI 的使用
组件库前言这篇文章介绍vue组件库! 介绍什么是组件库以及Element UI组件库的使用! 看完不会你打我.哈哈哈,开玩笑的,不多说,上刺刀!! 1. 什么是 vue 组件库在实际开发中,前端 ...
vue 悬浮按钮组件_如何搭建和发布一个 Vue 组件库
如今,许多组件库风靡一时,使得我们能够便捷地保持一个应用一致的外观和体验. 我至今已经使用过许多不同的组件库,不过使用组件和深入了解构建组件的过程还是有很大不同的. 我想要更深入地理解组件库的构建过程 ...
Vant - 高效的 Vue 组件库，再造一个有赞移动商城也不在话下
Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件.通过 Vant,可以快速搭建出风格统一的页面,提升开发效率.目前已有近 ...
不厌其烦，又一个Vue组件库
Github仓库地址: github.com/ms-design/m- 文档和Demo网站: ms-design.github.io MS Design 基于微软 Fluent Design 设计的 ...
十多款优秀的Vue组件库介绍
十多款优秀的Vue组件库介绍 1. iView UI组件库 iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品.iView的组件还是比较齐全的,更新也很快, ...
vue 组件库发布_如何创建和发布Vue组件库
vue 组件库发布 Component libraries are all the rage these days. They make it easy to maintain a consisten ...
Antd Vue 组件库之Table表单
Antd Vue 组件库之Table表单 Table 表格展示行列数据. 何时使用当有大量结构化的数据需要展现时: 当需要对数据进行排序.搜索.分页.自定义操作等复杂行为时. 如何使用指定表格的 ...

一个优质的Vue组件库应该遵循什么样的设计原则

一个优质的Vue组件库应该遵循什么样的设计原则相关推荐

最新文章

热门文章