mint-ui indicator_indicator_$indicator - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

vue项目中axios请求网络接口封装

每个项目网络请求接口封装都是很重要的一块，第一次做Vue项目，我们的封装方法如下：

03

自定义vue.js全局组件库（仿MintUI）

在项目开发中，我们总会引入很多别人封装好的组件模板，使用时仅仅三步，第一步就是install,第二步在main.js里面引入，第三步Vue.use这个组件。例如MintUI，试想我们是否可以自己仿照MintUI写一个自己的组件同样让别人使用，设置成全局组件呢？下面就依照MintUI编写自己的组件库。

02

您找到你想要的搜索结果了吗？

是的

没有找到

Vue.js心得

1、由饿了么 UED （知乎专栏）设计的桌面端组件库已经开源，文档：Element，仓库： GitHub - ElemeFE/element: Desktop UI elements for Vue.js 2.0。这套组件库是基于 Vue 2 的，我们也希望大家开始使用 Vue 2，一起来丰富它的生态圈。 2、下面提到的移动端组件都被整合进了 Mint UI，仓库在 GitHub - ElemeFE/mint-ui: Mobile UI elements for vue.js ======= 原答案 ======= 饿了么。从去年开始，有越来越多的项目在使用 vue。这些项目里面，有桌面端（比如饿了么安全应急响应中心）也有移动端（比如饿了么招聘），有面向用户的，也有后台系统。实践方案的话，vue + webpack + vue-router + vue-resource。就我个人而言，vue 的开发体验还是比较愉悦的。首先，文档非常友好，所以上手会比较快。其次，配合 webpack 和 vue-loader，每个页面都是一个 .vue 文件，写起来很方便。另外，适合做组件化开发（每个组件也是一个 .vue 文件，可以全局或者在需要的地方引入），如果遇到比较复杂的、父子组件间需要频繁通信的场景，可以用 vuex 搞定。在写业务的过程中，团队的同事们抽象了很多公共组件出来，开源在 github （饿了么前端 · GitHub）上，大家有兴趣的话可以去试一试。这里我把这些组件分类介绍一下：

07

码云推荐 | 基于 vue.js 的移动端组件库 mint-ui

升级版的mint-ui，基于vue.js,可自己拓展组件。 Installation 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 “ npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all components. “ import Vue from 'vue' import Mint from 'mint-ui'; Vue.use(Mint); Or import specified comp

Mint-UI

MUI不同于Mint-UI，MUI只是开发出来的一套很好用的代码片段，里面提供了配置的样式，配置的HTML代码段，类似于Bootstrap；

01

62. Vue 饿了么Mint UI组件的基本使用

前面的篇章基本已经说明在webpack中如何构建vue框架的时候。除了这些基础框架的要素，为了快速开发app应用。还要借助于更多的开源组件。

05

记录使用mint-ui的感想

今天记录一下使用mint-ui的心得，首先说明一下mint-ui是用来做手机端界面的ui库，这个ui库我是做项目的时候使用到了，所以今天简单的说明记录一下该库的一些存在的一些可能会出问题的地方，毕竟刚开始使用，不是很熟练，所以简单的写一下。

01

Vue移动组件库Mint UI的安装与使用

更多 MintUI 组件请参考 http://mint-ui.github.io/docs/#/zh-cn2/repositories

02

vue踩坑记-项目对axios进行封装

我们在做vue项目的时候，经常会遇到一个问题就是我们的请求需要加请求头，或者还不是一个请求头的情况，那么其实我们可以使用比较原始的办法，直接在我们写的时候就直接加上请求头，这样可以避免后期加不上的情况，但是有下面两种情况是我们很无奈的，第一是请求头信息改掉了，第二是开始的时候没有加，但是后面要求我们加上的时候，这两种情况如果我们的请求比较少的时候还是可以接受的，但是如果多的时候就比较恶心了，估计死的心都有了，还有就是我们版本迭代的时候，域名名字中间会加上对应的版本号，这个时候如果一个一个写的话，估计也够让人头疼的事情，等等情况，都是在接口名字上做的文章，那我们对请求的封装就显的尤为重要。那么其实我们如果前期没有封装请求的话，也是可以的统一配置的，只是这是不得已而为之的办法，统一配置请求信息

03

Asp.net+Vue2构建简单记账WebApp之四（vue.js构建记账主页面）

一、安装我们所需要的一些库 cnpm install mint-ui -S // 安装mint-ui库，ui库，cnmp是按照淘宝镜像后的用法，用法和npm一样。-s是将库添加到项目的packag

03

Vue移动端框架Mint UI教程-搭建环境引入框架（一）

今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。

02

Vue 项目打包时部分 MINT-UI 的 ES6 代码未转换成 ES5 的 BUG 的解决

最近在合作开发一个项目的时候遇到一个让人奔溃的问题。在开发阶段没有任何问题，测试都已经通过了。但是在打包的时候发现安卓低版本以及 IOS9 以及以下的版本无法正常访问我们开发的项目。

02

vue.js代码开发最常见的功能集合

按需引入弹框插件import {MessageBox} from 'mint-ui';

04

Vue移动端框架Mint UI教程-底部导航栏（二）

最近一个月的时间，工作上的事情特别多，要同时开发维护三四个项目，让人觉得有些憔悴，也没有时间去学习了，正好今天要聚餐，趁着下午的时间，把之前没有写完的Mint UI教程继续写一写。

02

Vue 08.webpack中使用.vue组件

注意：不能使用npm下载，需要从 github 上下载现成的包并解压，然后拷贝到项目中使用

01

63. Vue MUI的基本使用

MUI 并不能使用 npm 去下载，需要自己手动从 github 上，下载现成的包，自己解压出来，然后手动拷贝到项目中使用；

03

Mint UI入门系列教程

今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要

03

最近的项目系列1——core整合SPA

当前，前后端分离大行其道，我本人之前不少项目也是纯前后端分离，但总有些场景，春前后端分离整起来比较痛苦，比如我手头这个公众号项目吧，它涉及到第三方鉴权，第三方凭证，以及微信凭证这些，都不适合放到前端去做，外加一些本身业务层面的认证授权，这些终归是放服务端处理合适一些的。另一层面原因，是不想系统所有功能全怼到一个SPA中，还是希望不同功能模块，去拆分到不同页面中的，俗称的多页。

02

饿了么Mint UI库Datetime picker日期选择器采坑记录

Mint UI 是饿了么前端团队（elemeFE）推出的专门针对移动端的前端 UI 库，不过其 github 库已经有2年多没有更新了，API 也不是很详细。

04

Vue移动端框架Mint UI教程-组件的使用（三）

前面两节说到，从搭建环境，引入Mint框架，到实现一个页面导航跳转； Vue移动端框架Mint UI教程-搭建环境引入框架（一）：https://www.jianshu.com/p/874e5152b3c5 Vue移动端框架Mint UI教程-底部导航栏（二）：https://www.jianshu.com/p/56e887cbb660

03

推荐10个常用的Vue UI库

最近搞vue的东西多一些，之前是用element的，就是饿了么搞的那个UI。然后想看看同学们都在用哪些Vue UI库，下面是查找的结果，

05

我是如何用 Webpack 虐待代码尺寸的 (第三回合)

解释一下, 原因是 im 这个项目希望可以做到平台化, 具体来说就是, 这个项目拆成两个部分, 一部分是基础功能, 比如正常的聊天, 头像, 表情等, 另一部分是定制化的, 比如不同的业务加入不同的卡片(定制样式和功能的消息, 并且可以自带操作), 不同的流程处理, 以及各种根据业务定制的功能

00

vue UI 框架

（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382)

02

mint-UI上拉加载下拉刷新和fastclick冲突问题解决

当我们的Vue项目为了解决IOS设备事件点击卡顿，300ms的延迟的问题，引入了fastclick后，会有很多小的冲突，例如在使用mint-UI实现上拉加载和下拉刷新的时候，经常会触碰到点击事件进入下一个页面，这是因为去掉300毫秒的延迟就会使得页面特别灵敏，想着用阻止冒泡的方式来解决。

04

vue 学习笔记第无弹

1. 在 webpack 中配置 .vue 组件页面的解析运行cnpm i vue -S将 vue 安装为运行依赖；运行cnpm i vue-loader vue-template-compiler -D将解析转换 vue 的包安装为开发依赖；运行cnpm i style-loader css-loader -D将解析转换 CSS 的包安装为开发依赖，因为 .vue 文件中会写 CSS 样式；在webpack.config.js中，添加如下module规则： module: { rules

03

vue-cli安装、node-sass安装、mintUI组件库安装

1、使用淘宝npm镜像在node中很多安装失败的原因就是因为国内网络限制因素，所以使用淘宝镜像有利于解决这方面问题。（使用了翻墙、vpn，用install命令行可以正常安装的可以跳过）。

03

用Vue.js搭建一个小说阅读网站

这是一个使用vue.js + mint-ui + .net core api的小说网站。

00

Vue PC端框架和Vue移动端UI框架

在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。

04

Asp.net+Vue2构建简单记账WebApp之一（设计）

作为一个asp.net 程序员，当发现Vue.js的存在时就爱上它，但是在asp.net应用中使用Vue一时让我无从上手。直到最近有了点心得。就计划把之前做的一个记账应用前端改为Vue2实现。

04

Vue2.0 数据抓取及Swiper组件开发

本次的系列博解和代码，主要是来自于Vue 2.0 高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多 Vue 2.0 的知识和实际应用，还请大家购买课程进行学习实践，该系列博文的发布已得到黄轶老师的授权许可

04

vue-cli3项目搭建配置以及性能优化

在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置

01

vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

在安装postcss-pxtorem的时候会生成一个文件.postcssrc.js 在根目录找到.postcssrc.js文件，可以在此配置的基础上根据项目需求进行修改，如：

03

Asp.net+Vue2构建简单记账WebApp之六（vue.js构建记账统计页面）

一、添加两个新页面 /components/ MonthCount.vue <template>

<mt-cell-swipe v-bind:title="item.name" v-bind:l
04

mint-ui loadmore 采坑指南

loadmore的部分主要是mint-ui用来解决上拉以及下拉的部分，用来做加载更多数据或者刷新的部分。

03

vue前端UI框架，一点都不圆润，盘它！

VUX（读音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

06

Vue移动端UI框架

自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。

02

Vue移动端框架Mint UI教程-跳转新页面(四)

前三节写了vue的移动端框架的入门篇章，今天接着写，今天写的教程其实很简单，在之前的基础上，新建一个界面，并且进行跳转新页面。

03

Vue + Mint-ui 封装滚轮选择器

比如要实现 App 中常见的滚轮选择器，需要将 Popup 和 Picker 组合起来，并根据项目的 UI 效果做一定的定制。

03

想做前端开发？推荐几个必备珍品组件库

前端是一个一直在发展的名词，从最初刀耕火种时代的页面仔到文艺复兴时期的前端工程化再到如今新时代的大前端，前端技术在某种程度上似乎可以为所欲为了。但是我们这次讨论的是前端技术中的一部分—组件库。

05

当前 GitHub 上排名前十的热门 Vue 项目

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。通过基础的 24 分栏，迅速简便地创建布局。

02

分享几个基于Vue的UI库和开源项目

在编程的世界里，你遇到的 90% 问题，别人都遇到过，并且提供了比较优秀的解决方案。我们无需一行一行代码从零开始创建一个项目，概括来说就是不要重复造轮子。那么从哪里发现好的轮子呢？这里我推荐 Github，Github 上有许多优秀的开源项目可供学习和使用，只需要我们自己去发掘这些优秀项目。本文推荐几个优秀的 Vue UI 库和企业级中后台项目，不多，够我们学习的了。

01

前端UI框架小汇总

IT派 - {技术青年圈} 持续关注互联网、大数据、人工智能领域移动端UI框架 Mint UI（饿了么团队）中文官网：http://mint-ui.github.io/#!/zh-cn 描述

05

vue开发类似淘宝商品评价页面（星级，上传多张图片）

最近在写一个关于vue的商城项目，然后集成在移动端中，开发需求中有一界面，类似淘宝商城评价界面！实现效果图如下所示：

02

Asp.net+Vue2构建简单记账WebApp之五（vue.js构建记账页面）

一、编辑记账页面hello.vue <template>

<mt-header v-bind:title="msg"> </mt-header> <mt-field label="￥" placeholder="在此输入记账金额" type="number" v-model="money"></mt-field>

01

2019最受欢迎的前端7个UI框架

官网：https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/

05

目前流行前端几大UI框架

在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。

02

vue-cli3项目搭建配置以及性能优化

vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。

02

iOS中Mint Picker滑动时页面跟着滚动的解决方法

项目在使用饿了么前端团队的 Mint UI 库的 Picker 和 Datetime picker 组件，iOS系统访问时会出现滑动穿透的现象。

02

vue项目移动端、pc端适配方案

flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。

03

前端爬坑日记之vue内嵌iframe并跨域通信

由于该项目是基于原本的安卓app，做的微信h5，所以原来的使用webview的页面现在需要在vue中实现，那就是使用iframe 查看了很多很多文档，其中这一篇是很有价值的 https://gist.github.com/pboji...点击预览

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭