前端的哪些UI框架到底是干什么的，为什么要用他们呢

Question

这些UI框架是类似Vue的东西吗

Answer 1

既然你在学习VueJS，那么来看一下VueJS的介绍：

Vue 是一套用于构建用户界面的渐进式框架

好，我们再来看一下Vue的一些热门UI库的介绍:

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，网站快速成型工具

另外一个

Ant Design Vue 基于 Ant Design 设计体系的 UI 组件库，致力于提供给程序员愉悦的开发体验。

---

Vue 是 框架，Element 和 AntD Vue 是 UI组件库，如果你现在明白了一些，就会问 “那框架和UI库的区别是什么？”

可以这样来形容框架和库：

框架 =>  骨架 
库   =>  器官和肉 

如果把你比喻成神，你可以使用不同的框架(比如 Vue)来制作不同的动物骨架（完成应用的主要结构），然后使用不同库(比如 ElementUI)来完善这个动物血肉皮毛（帮助你快速完成特定的功能）。

我挺喜欢 stackoverflow 上的一个回答：

A Library is a tool.
A Framework is a way of life.
库是一种工具，
而框架是一种生活方式。

就好像，你可以在开始项目之后随意替换一个库来完成你的需求(比如原来使用 Element 来完成表格，突然有天觉得 AntD Vue 的表格功能更丰富就可以立马换掉)，但是你很难在项目开始之后切换你的框架(例如从 Vue 切换到 React)

Answer 2

大胸弟，听过jquery时代的 bootstrap吗 ？

你可以简单的把Vue看成jqury，UI框架就是bootstrap

Answer 3

UI 就是帮助你快速开发产品的页面,不需要你手写一些样式,像一些比较麻烦的表格,下拉选择器,分页选择器,日期选择器.如果自己手写补单浪费时间,还会有好多bug,如果你是大牛,这句话就当我没说.