首页 > 其他分享 >elementUI/jquery/bootstrap/vue的异同

elementUI/jquery/bootstrap/vue的异同

时间:2022-10-09 01:00:08浏览次数:80  
标签:jquery vue 框架 elementUI bootstrap js https

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,详情看链接。

 

标签:jquery,vue,框架,elementUI,bootstrap,js,https
From: https://www.cnblogs.com/Dongmy/p/16770781.html

相关文章

  • vue devtools使用指南
    1.安装(1)在github上下载devtools源码,地址:https://github.com/vuejs/vue-devtools(2)下载后进入vue-devtools工程,执行npminstall,然后npmrunbuild。(3)编译完成后修改pack......
  • vuex中两个用法
    在vuex中可以使用辅助函数和this.$store.state.xxxx两个用法vue3用的vuex为4版本,vue2用的vuex则为vuex的3版本因为在vuex中,vue开发者工具监听的是mutations的事件改值,mut......
  • vue-5 条件渲染/ 列表渲染
    <template> <div>  <h1style="background-color:yellowgreen;width:auto;">--------v-if--------</h1>  条件:type==  <selectv-model="type"> ......
  • vue-4 CSS绑定/Style绑定
    <template><div><divclass="border-style"><h1:class="class3">-----------------CSS绑定-------------------</h1><div:class="{'c1':clEnable......
  • vue个人学习笔记
    工程简介vue学习笔记1.what:基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。2.why为什么要选择vue呢?vue作为......
  • Vue3组件库打包指南,一次生成esm、esm-bundle、commonjs、umd四种格式
    本文为Varlet组件库源码主题阅读系列第二篇,读完本篇,你可以了解到如何将一个Vue3组件库打包成各种格式上一篇里提到了启动服务前会先进行一下组件库的打包,运行的命令为:v......
  • jquery的clone事件导致<a>点击事件失效
    当使用jquery的append方法添加元素后,发现链接点击失效。$('#profile13forma').click(function(){vardv=$(this).parent().parent().clone();$('#......
  • [vite]使用pnpm创建vite+vue3项目
    npminstall-gpnpmpnpmcreatevite@latest输入项目名framework选vuevariant选Customizewithcreate-vue根据需要选择配置照黄字cd进刚创建的项目目录install......
  • vue-3 计算属性
    <template><div>学校:<inputtype="text"placeholder="请输入学校"v-model="school"/><br/>班级:<inputtype="text"placeholder="请输入班级"v-......
  • vue + element 表格循环列添加点击事件
    <template><div><el-table   :data="tableData"   auto-reset-scroll   :max-height="520"  >   <el-table-column    heade......