elementUI/jquery/bootstrap/vue的异同

elementUI的学习链接：https://blog.csdn.net/qq_40132294/article/details/124829639

vue的学习链接:https://blog.csdn.net/weixin_48841931/article/details/126219434

https://blog.csdn.net/puspos/article/details/112062184

elementUI/jquery/bootstrap/vue的异同。

全部都是前端框架。

ElementUI是由饿了么团队开源的UI框架。

jQuery是一个快速、简洁的JavaScript框架。

Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS，HTML 和 JS 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

VUE是一套前端框架，免除了原生JavaScript中的DOM操作，简化书写。

jquery：js库
bootstrap：js库+css样式库
element-ui：基于Vue 2.0 的组件库
vue：渐进式js框架
组件：css样式+js，一个整体

 

库（插件）：封装的方法集，对项目的侵入性较小，如果该库无法完成需求，可切换到其它库
框架：对项目的侵入性较大，使用者要按照框架所规定的某种特定规范进行开发，项目如果需要更换框架，则需要重新架构整个项目

一、elementUI

ElementUI是由饿了么团队开源的UI框架，并于Vue完美契合。项目地址：https://github.com/ElemeFE/element

项目文档：Element - The world's most popular Vue UI framework

要使用elementui现成的资源，需要在Vue中先导入elementui,将其设为全局组件，然后就可以在官方文档中复制现成的控件代码来使用了。

1.选择需要的控件，点击扩展按钮即可展示前端代码 

1.安装elementui:

cnpm i element-ui -S

2.导入main.js入口函数中：

 

 

 

 

以上导入方式适用于Vue2中，不适用Vue3，详情看链接。