支持vue3的ui框架(vue3 框架)

茫然知了 • 2023-09-23 13:18 • 生活指南 • 阅读 81

几款实用的VUE移动端UI框架

MintUI 饿了么公司前端团队开发的基于vue的移动端组件库，功能齐全，在git上有18k的star，非常不错的一款移动开发工具。官方地址：#！/en Vant 有赞前端团队开发移动端组件库，还支持小程序。

vue 只是一个js库，不算框架，他不限制你使用使用UI框架，理论上你可以使用任意 UI 框架。常见的vue的UI框架有：element UI （饿了么的UI框架），Vux（微信UI风格），vue-strap，Vue-Blu等等。

star ，适合 PC 网页，目前只支持 Vue.js x 版本。

Vant UI Vant UI是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。

ElementUI Element-Ul是饿了么前端团队推出的一款基于Vue.js 0 的桌面端UI框架，手机端有对应框架是Mint UI 。

它不是一个简单的 Vue 套壳，而是完全用 Vue 重写了所有的组件实现。

Mint UI Mint UI是饿了么团队开发的基于Vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。

1、at-ui 是一款阿里团队创建的基于 Vue x 的前端 UI 组件库，主要用于快速开发 PC 网站产品。它提供了一套 npmwebpackbabel 前端开发工作流程，CSS 样式独立，即使采用不同的框架实现都能保持统一的 UI 风格。

2、vue-element-admin 一个基于vue0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

3、vue 只是一个js库，不算框架，他不限制你使用使用UI框架，理论上你可以使用任意 UI 框架。常见的vue的UI框架有：element UI （饿了么的UI框架），Vux（微信UI风格），vue-strap，Vue-Blu等等。

4、vue-mobile 也正是因为上述原因，我比较了目前主流的三个JS框架 Vue， Angular， React 之后选择了基于 Vue 来做一个新的项目，这个项目诞生之初的目标就是为了开发大型的单页应用。

5、cube-ui 滴滴团队开源。扩展性强，可以方便地基于现有组件实现二次开发。体验极致，以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

通过import的方式。vue中引入muntui主要是通过import的方式进行引入，但前提是要先在vue框架中安装有这个组件。

Element UI 支持Vue2，如果在Vue3使用，需要使用Element UI Plus。

刷新路由防丢失，但是在vue3中采用同样方式，则会出现异常，原因是我们跳转发生在路由添加前，所以会出现刷新后页面没有内容，所以我们在unitui文件夹下新建init_route.js写下和login.vue文件中路由初始化相似的内容，然后再main.js中引入。

VUE同时引入elementUI和ant-design后，可正常运行，但会导致打包失败，且在启动时会输出错误语句。

at-ui 是一款阿里团队创建的基于 Vue x 的前端 UI 组件库，主要用于快速开发 PC 网站产品。它提供了一套 npmwebpackbabel 前端开发工作流程，CSS 样式独立，即使采用不同的框架实现都能保持统一的 UI 风格。

vue-element-admin 一个基于vue0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！

版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。