vue.js有哪些ui框架?

vue.js的ui框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront等等。

vue.js有哪些ui框架?

基于vue.js的ui框架

一、Element

vue.js有哪些ui框架?

element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。

立即学习“前端免费学习笔记(深入)”;

  文档地址:http://element-ui.cn

二:iview

vue.js有哪些ui框架?

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间,由TalkingData开发维护,有很多知名互联网企业都在使用。

  官网地址:https://www.iviewui.com/

三:vuetify

vue.js有哪些ui框架?

Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件,其中包含一个易于记忆的语义设计,它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 7K 的 star。

  官网地址:https://vuetifyjs.com/zh-Hans/

四:vue-strap

vue.js有哪些ui框架?

基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js Bootstrap CSS ,VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

  官网地址:http://yuche.github.io/vue-strap/

五:cube-ui

vue.js有哪些ui框架?

cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

  官网地址:https://didi.github.io/cube-ui/#/zh-CN/example

六:buefy

vue.js有哪些ui框架?

Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。虽然组件选择有限,但是值得你去尝试。

  官网地址:https://buefy.org/#/

七:vue-beauty

vue.js有哪些ui框架?

基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库,旨在帮助开发者提升产品体验和开发效率、降低维护成本。

   官网地址:https://fe-driver.github.io/vue-beauty/#/components/button

八:at-ui

vue.js有哪些ui框架?

AT-UI 是一个模块化的前端 UI 框架,开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建,AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。全英文的文档对用户来说可能是具有有挑战性的,但它提供了一个体面的干净整洁的 UI 组件。

  官网地址:https://at-ui.github.io/at-ui/#/zh

九:Vue-Blu

vue.js有哪些ui框架?

 Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件,API友好。

  官网地址: https://chenz24.github.io/vue-blu/#/

十:vue-storefront

Vue.js Storefront – 将 PWA 集成到电子商务的框架,支持离线访问

官网地址:http://vuestorefront.io/

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程教学!!

以上就是vue.js有哪些ui框架?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3021996.html

(0)
上一篇 2025年3月13日 05:50:26
下一篇 2025年3月13日 05:50:46

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 5个好用的Vue.js库推荐

    下面vue.js栏目给大家分享5个好用的vue.js库。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 1.Click Off to Close 有的时候,我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想…

    2025年3月13日 编程技术
    200
  • vue.js中怎么引入组件

    vue.js中引入组件的方法:1、创建自定义组件的文件夹;2、在要添加的页中加入要引入的模块;3、在index.vue中引入模块;4、在index.vue页面引入组件即可。 具体步骤如下: (相关视频推荐:jquery视频教程) 1、首先在…

    2025年3月13日 编程技术
    200
  • vue.js页面间如何实现传值

    vue.js页面间实现传值的方法:1、使用query传值,代码为【query: { name: ‘jack’ }】;2、使用params传值,代码为【params: { usersitelist: ‘us…

    2025年3月13日
    200
  • vue.js怎么获取class

    vue.js获取class的方法:1、使用数据绑定,代码为【【创想鸟】】;2、动态绑定class,代码为【De】。 vue.js获取class的方法: 1、数据绑定 vue 指令以 v- 前缀标示,数据绑定的指令 v-bind:属性名, 简…

    2025年3月13日
    200
  • vue.js如何声明全局变量

    vue.js声明全局变量的方法:首先设置专用的的全局变量模块文件,模块里面定义一些变量初始状态;然后用export default暴露出去;最后在【main.js】里面使用【Vue.prototype】挂载到vue实例上面,引入该模块即可。…

    2025年3月13日
    200
  • 如何卸载vue.js

    卸载vue.js的方法:首先执行【npm uninstall vue-cli -g】命令进行卸载;然后执行【vue -V】命令查看是否卸载成功即可。如果要安装vue,则执行【npm install -g @vue/cli】命令。 卸载命令:…

    2025年3月13日
    200
  • vue.js的优点是什么

    vue.js的优点是:1、vue.js可以进行组件化开发;2、vue.js可以对数据进行双向绑定;3、vue.js编写的界面效果本身就是响应式的;4、vue.js使用路由不会刷新页面。 vue.js的优点: (学习视频分享:javascri…

    2025年3月13日
    200
  • 基于vue移动端UI框架有哪些?

    基于vue移动端UI框架有:1、vonic,基于vue.js和ionic样式的UI框架;2、vux,基于WeUI和Vue2开发的移动端UI组件库;3、Mint UI;4、MUI;5、Muse-ui;6、Vant;7、Cube UI等等。 优…

    2025年3月13日 编程技术
    200
  • vue.js有轮播图插件吗?

    vue.js有轮播图插件,例如vue-concise-slider,它是基于Swiper4、适用于Vue的轮播组件,支持服务端渲染和单页应用;vue-awesome-swiper配置简单,支持自适应/全屏+按钮+分页,同时兼容移动和PC端。…

    2025年3月13日
    200
  • 怎么查看vue.js的版本信息?

    查看vue.js版本信息的方法:1、使用快捷键“win+r”打开“运行”窗口,输入“cmd”,回车,打开cmd命令窗口;2、在cmd命令窗口中输入命令“vue -V”或者“vue  –version”命令,回车即可查看。 查看v…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论