基于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等等。

基于vue移动端UI框架有哪些?

优秀的基于VUE移动端UI框架

1、vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k

中文文档:https://wangdahoo.github.io/vonic-documents/#/?id=%E4%BB%8B%E7%BB%8D

基于vue移动端UI框架有哪些?

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

2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k

基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

中文文档:https://vux.li/#/?id=%E7%AE%80%E4%BB%8B

基于vue移动端UI框架有哪些?

3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3k

中文文档 :http://mint-ui.github.io/docs/#/zh-cn2

4.MUI  最接近原生APP体验的高性能前端框架 star 7.5k 

中文文档:http://dev.dcloud.net.cn/mui/

5.Muse-ui   基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k

中文文档:http://www.muse-ui.org/#/install

6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。star 1k

中文文档:https://www.youzanyun.com/zanui/vant#/zh-CN/intro

 基于vue移动端UI框架有哪些?

7.Cube UI star 3k

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库

github地址:https://github.com/didi/cube-ui

中文文档:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

特性

质量可靠

由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。

体验极致

以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。

标准规范

遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。

扩展性强

支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发

8. NutUI 一套京东风格的轻量级移动端Vue组件库 star 1k 

github地址:https://github.com/jdf2e/nutui

中文文档:https://nutui.jd.com/#/index

  特性

跨平台,自动转微信小程序组件(稍后上线,敬请期待)30+ 京东移动端项目正在使用基于京东APP 7.0 视觉规范支持按需加载详尽的文档和示例支持定制主题支持多语言(国际化)支持 TypeScript支持服务端渲染(Vue SSR)单元测试加持配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程基于vue移动端UI框架有哪些?

相关推荐:

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

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

更多编程相关知识,请访问:2020年前端vue面试题大汇总(附答案)!!

以上就是基于vue移动端UI框架有哪些?的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月13日 05:49:43
下一篇 2025年3月3日 17:27:41

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

相关推荐

  • vue开发必须要搭脚手架么?

    vue开发不是必须要搭脚手架的。vue项目不一定要搭建脚手架,也可直接用cdn引入vue.js的形式,写的静态页面不搭建脚手架也是可以的;脚手架只不过是预先配置好的一个框架,你要是喜欢,手动搞一个脚手架一模一样的代码结构都行。 vue是一个…

    2025年3月13日
    200
  • .vue文件里怎么写scss?

    方法:首先安装【node-sass和sass-loader】依赖;然后打开【webpack.base.conf.js】文件,在rule中添加scss规则;最后在【】标签内写scss样式。 本教程操作环境:windows7系统、Vue2.9.…

    2025年3月13日
    200
  • vue-loader是什么?

    vue-loader是一个webpack的loader,是vue文件的一个加载器,主要用来处理vue组件文件,配合 webpack以及相关loader,来进行编译模版、scoped CSS和热重载。 该方法适用于所有品牌的电脑。 Vue L…

    2025年3月13日
    200
  • vue.use是什么呀?

    vue.use是一个官方API,是全局注册一个组件或者插件的方法,如果插件(plugin)是一个对象,必须提供install方法;如果插件是一个函数,它会作为install方法。该方法需要在调用“New Vue()”之前被调用。 本教程操作…

    2025年3月13日
    200
  • vue WEEX是啥?

    在vue中,WEEX是使用流行的Web开发体验来开发高性能原生应用的框架;Weex致力于使开发者能基于通用跨平台的Web开发语言和开发经验,来构建Android、iOS和Web应用。 Weex(发音是 /wiːks/, 和 “W…

    2025年3月13日
    200
  • 使用vue脚手架怎么搭建项目

    使用vue脚手架搭建项目的方法:1、全局安装vue-cli脚手架;2、打开命令提示符,通过cd命令进入项目所在文件夹;3、创建vue-cli工程项目;4、安装依赖;5、启动项目。 本教程操作环境:windows10系统、vue2.9版,该方…

    2025年3月13日 编程技术
    200
  • vue常用指令有哪些

    vue常用指令有:v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-html指令、v-text指令、v-bind指令、v-on指令、v-model指令等等。 vue.js官方给自…

    2025年3月13日
    200
  • vue中Mint UI是什么?

    在vue中,Mint UI是饿了么团队开源的一款基于Vue.js的移动端组件库。Mint UI包含丰富的CSS和JS组件,能够满足日常的移动端开发需要;通过它,可以快速构建出风格统一的页面,提升开发效率。 Mint UI是饿了么团队开源的一…

    2025年3月13日 编程技术
    200
  • vue.js怎么进行页面跳转?

    本教程操作环境:windows7系统、vue2.9版,该方法适用于所有品牌电脑。 vue跳转页面的方法 1:router-link跳转  点击跳转2  点击跳转1  点击跳转3 登录后复制 2:this.$router.push() 立即学…

    2025年3月13日 编程技术
    200
  • 如何解决vue 引入字体css报错问题

    vue引入字体css报错的解决办法:1、在用到的地方引入字体的样式文件;2、把“font.styl”改为“font.css”;3、把存放字体的font文件夹移动到和src平级的static文件夹中。 本教程操作环境:windows7系统、v…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论