上手vue2的学习笔记3之vue和ui框架的关系

这篇具有很好参考价值的文章主要介绍了上手vue2的学习笔记3之vue和ui框架的关系。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在学习vue的时候,我的导师给我提供了三个链接

前端框架:
Vue2:https://v2.cn.vuejs.org/v2/guide/

UI框架:
tdesign:https://tdesign.tencent.com/vue/
elementui:https://element.eleme.cn/

当时脑海里就一个问题:这都是啥啊??

那现在就让我们一起揭秘一下吧。
解释来自于网络。

1.什么是前端框架?

前端框架是为了简化应用程序和用户界面的开发而存在的,它们通过为 Web 开发人员提供可重用的代码模块、标准化的前端技术和现成的界面块来简化他们的工作。常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等。这些框架可以帮助开发人员快速开发web应用,减少时间和成本。九大热门前端框架

2.什么是UI框架?

UI框架可以理解为模板,所以UI框架也就是UI模板。比如我们在使用组件的时候,如果能把具有共性的东西抽离出来,变成通用的组件。那么在写页面的时候,只要引入通用的组件,就可以省去重复写的步骤。经过不断的提炼,就形成了 UI 库或 UI 框架。ui框架是什么?

3.前端框架和UI框架的关系是什么?

好比前端框架像PowerPoint(ppt), 提供做ppt用到的操作、功能等等, 用户可以在设定好的规范下自由完成作品。而UI框架则相当于ppt模板, 样式、操作流程等等已经基本固定。用户可以在模板基础上替换内容, 当然也可以根据需要来自己修改。

UI框架是基于前端框架做的框架(也有一部分是原生开发的UI框架, 如bootstrap), 简化开发的工作。

UI框架是一种展示和交互模式, 可以适配到任意的前端框架, 比如一些流行的UI框架就适配了三大前端框架。文章来源地址https://www.toymoban.com/news/detail-519596.html

到了这里,关于上手vue2的学习笔记3之vue和ui框架的关系的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue2和Vue3是Vue.js框架的两个主要版本,它们之间有以下区别

    性能优化:Vue3在内部进行了重写,采用了更高效的虚拟DOM算法,使得渲染速度更快,性能更好。 更小的体积:Vue3的体积比Vue2更小,这意味着更快的下载和加载速度。 Composition API:Vue3引入了Composition API,它是一种新的组合式API,可以更好地组织和重用组件逻辑,使得代码更

    2024年02月15日
    浏览(46)
  • 如何搭建一个基于vue2和element-ui的项目框架模板(两万四千字长文)

    使用vue script标签引入 如果只是单纯的使用vue,可以使用 script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"/script 直接引入 npm安装vue 使用npm安装vue需要先安装node.js,如果你的电脑未安装node,可以参考我的个人碰到的前端问题总结及解决方案2第15个问题先安装nvm(node version manager)

    2024年02月13日
    浏览(52)
  • Vue系列第五篇:Vue2(Element UI) + Go(gin框架) + nginx开发登录页面及其校验登录功能

       本篇使用Vue2开发前端,Go语言开发服务端,使用nginx代理部署实现登录页面及其校验功能。 目录 1.部署结构 2.Vue2前端 2.1代码结构 2.1源码 3.Go后台服务 3.2代码结构 3.2 源码 3.3单测效果 4.nginx 5.运行效果 6.问题总结   index.html !DOCTYPE html html   head     meta charset=\\\"utf-8\\\"     m

    2024年02月15日
    浏览(58)
  • 【Vue框架】Vue2中element-ui/mint-ui组件库——element-ui引入组件以及使用案例、mint-ui引入组件及使用案例

    element-ui 提供了大量的组件,如:布局组件、表单组件、JS组件等等。 Element-ui官网: https://element.eleme.cn/#/zh-CN 安装 Element-ui: npm i element-ui -S 1.1.1 引入组件 引入 Element 完整引入(在 main.js 中写入以下内容): 按需引入 借助 babel-plugin-component,我们可以只引入需要的组件,以达到

    2024年02月07日
    浏览(55)
  • 【Vue框架】Vue2中Vue.js路由—路由介绍、路由控制组件切换、路由重定向、路由传参、嵌套路由、路由布局(附源码详解)

    Vue Router官方文档 :https://router.vuejs.org/zh/installation.html 使用路由文件: 1.引用vue-router路由js文件 2.创建router对象 3.在vm对象中注册router对象 4.在视图中使用 router-view 标签 第一种传参形式——路由路径进行传参,如:/login?id=20 第二种传参形式——路由占位符进行传参,如:/

    2023年04月08日
    浏览(86)
  • 学习vue2笔记

    vue.js与vue.runtime.xxx.js的区别: vue.js是完整版的Vue,包含:核心功能 + 模板解析器。 vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;没有模板解析器。 因为vue.runtime.xxx.js没有模板解析器,所以不能使用template这个配置项,需要使用render函数接收到的createElement函数去指定具体

    2024年02月12日
    浏览(38)
  • vue2-3学习笔记

    动态构建用户界面的渐进式JavaScript框架 英文官网 中文官网 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; {{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性; 一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新; 注意区分

    2024年02月11日
    浏览(36)
  • Vue2学习笔记のVue核心

    hello,各位小伙伴们!前段时间学习了尚硅谷提供的Vue框架视频,真心感觉挺不错的。并记了相应的学习笔记,包括Vue2以及Vue3,接下来的几篇文章,就会发布这一系列的内容,今天是第一篇也是Vue2学习的第一章:Vue核心知识。文章可以会代码的部分多于文字的部分,因为我觉

    2024年02月11日
    浏览(40)
  • 第5篇 vue的通信框架axios和ui框架-element-ui以及node.js

    axios是独立于vue的一个项目,基于promise用于浏览器和node.js的http客户端。 在浏览器中可以帮助我们完成 ajax请求的发送 在node.js中可以向远程接口发送请求 1.后端代码 2.前端代码 3.运行效果 element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库,方便程序员进行页面快速布局和

    2024年02月09日
    浏览(51)
  • Vue2学习笔记のVue中的ajax

    hello, 这篇文章是Vue2学习笔记的第四篇,也是第四章:Vue中的ajax。 vue脚手架配置代理 方法一 在vue.config.js中添加如下配置: 说明: 1 优点:配置简单,请求资源时直接发给前端(8080)即可。 2.缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 3.工作方式:若按照

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包