百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

推荐25+个优秀的Vue.js框架

toyiye 2024-06-06 22:12 16 浏览 0 评论

Vue.js是一套构建用户界面的渐进式框架。比起其他复杂的前端框架,比如AngularJs、Backbone.js和其他类型JavaScript框架,它非常的小巧以及轻量。Vue.js使用起来非常简单,并且很容易的上手去学习它。

在这片文章里,我们向你推荐一些实用的Vue.js的框架,去帮助你更快的构建应用程序。

Nuxt.js

Nuxt.js 是一个将Vue应用转为服务端渲染的框架

查看地址:https://nuxtjs.org/

Vue Admin

一款基于Vue2.0和Bulma0.3的后台管理框架

查看地址:https://admin.vuebulma.com/#/

Element

Element是以Vue2.0为基础的组件库,面向开发者、设计师以及产品经理。由国内“饿了么”团队开源。

查看地址:http://element.eleme.io/#/en-US

Vuetify.js

Vuetify.js是一款可复用的、语义化结构的、material design风格的Vue2.0组件框架。

查看地址:https://vuetifyjs.com/

Quasar框架

编写一套代码用来构建响应式web网站、hybrid混合手机应用。跨平台开发方式,类似ionic框架。

查看地址:http://quasar-framework.org/

BootstrapVue

Bootstrap4的Vue.js 2组件。

查看地址:https://bootstrap-vue.github.io/

Onsen UI for Vue 2

Onsen UI是一个帮助你创建漂亮的移动web apps的UI组件库。同时支持Android和iOS端。

查看地址:https://onsen.io/vue/

Vue Material

又一款Material Design风格的轻量级Vue2框架。喜欢MDL的同学可以关注一波。

查看地址:https://vuematerial.github.io/#/

Mint UI

由国内“饿了么”的开发团队出品的,针对移动端的Vue2组件库。

查看地址:https://mint-ui.github.io/#!/en

Framework 7

Framwork7是一款老牌的前端移动端html-js框架,用于构建类似于原生应用般用户体验的组件库。现推出Vue版本。

查看地址:http://framework7.io/

Weex

学前端的同学都应该知道React Native框架。这货就是Vue界的RN。一款使用web开发方式构建原生应用的跨平台框架。由国内阿里团队开源,现交由Apache管理。

查看源码:https://weex.apache.org/

Muse-UI

又一款Material Design UI库。

查看地址:http://www.muse-ui.org/#/index

Vux

Vux是基于WeUI和Vue2开发的移动端UI组件库,主要服务于微信页面。

查看地址:https://vux.li/#/

Eagle.js

Eagle.js是一款基于Vue的快速构建幻灯片页面展示框架。

查看地址:https://github.com/zulko/eagle.js/

Buefy

Buefy是一款Vue.js的轻量级UI库,基于Bulma框架设计的。

查看地址:https://github.com/rafaelpimpa/buefy

Vulma

另一款基于Bulma开发的UI组件库。

查看地址:https://vulma.org/#/

iView

一款高质量的UI组件库,设计风格与Ant Design相似。喜欢Ant Design风格的可以在Vue里面继续使用了。

查看地址:https://github.com/iview/iview

Vue MDL

另一款Vue.js可复用的MDL组件库。

查看地址:https://posva.net/vue-mdl/#/installation

Keen UI

同样是MDL风格的一款轻量级UI组件库。

查看地址:https://josephuspaye.github.io/Keen-UI/#/

Vuikit

UIkit的Vue.JS版本。基于UIkit,使用vue.js封装的组件库。

地址查看:https://vuikit.js.org/#/

uiv

Bootstrap3的Vue.js版本组件库。

查看地址:https://wxsm.space/uiv/

App Framework

使用html & JavaScript 开发构建以及发布iOS和Android应用的框架。

查看地址:https://github.com/scriptPilot/app-framework

Vue Blu

Vue-Blu是基于Vue.js和Bulma开发的开源UI组件库。

查看地址:https://chenz24.github.io/vue-blu/#/

VUM

针对手机端webapp的一款UI框架。

查看地址:http://getvum.com/

Ream

另一款Vue应用的SSR服务端渲染解决方案。

查看地址:https://ream.js.org/#/

Eureka

Eureka是一段快速、简单并且灵活的blog框架,前端基于Vue.js、后端为Node.js

查看地址:https://github.com/eteplus/eureka

DeepReader

DeepReader是一款高度模块化的、以Vue.js为基础构建的框架。用来构建在线阅读的环境与丰富的批注文本的综合性学习工具。

查看地址:https://github.com/deep-reader/DeepReader

JTaro

JTaro是一款基于Vue2.0开发的轻量级SPA框架

查看地址:https://github.com/chjtx/JTaro

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码