webpack + vue 使用mint-ui

vvpvvp 发布于2019-08-20 15:28 / 2868人阅读

摘要：自己从一个月之前正式的接触这个框架，然后就疯狂的迷恋上他，易上手我觉得是他最大的优势，之前我一直是使用的，大量的操作让我有点力不从心，之前的我安于现状不想去探索新的知识，直到我直到并且使用上他之后，自己的生产力仿佛得到了质的飞跃，闲话少叙，

自己从一个月之前正式的接触vue.js这个框架，然后就疯狂的迷恋上他，易上手我觉得是他最大的优势，之前我一直是使用Jquery的，大量的dom操作让我有点力不从心，之前的我安于现状不想去探索新的知识，直到我直到vue并且使用上他之后，自己的生产力仿佛得到了质的飞跃，闲话少叙，进入今天的主题Mint-ui链接描述。

第一步

安装mint-ui npm install mint-ui --save

第二步

在main.js里面引入mint-ui

import MintUI from "mint-ui"
import "mint-ui/lib/style.css"//最嗨的是他这个直接引入的是一个css文件

Vue.use(MintUI);

第三步

因为webpack把需要的依赖都下载好了我只需要安装下面的依赖就好啦
install babel-preset-es2015 --save-dev

第四步

配置你的babelrc文件

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

第五步
下面重启一下就可以直接在组件使用啦
需要注意的是，虽然是全局使用，但是在使用的过程中还是要在组件内引用一下你需要使用的组件

从安装到使用的过程就是这样啦，我也是刚接触vue这个框架，有问题的地方请大神指出呀，也希望能和大家一起学习进步~~~~

GPU云服务器云服务器 webpack使用 webpack 使用公用cdn vue使用webrtc vue 中使用 webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82279.html

vue 优化CDN加速

摘要：代码敲完，项目上线，然后就要与优化相遇。同理优化之前优化之后另外就是花点钱提高了下带宽后面有其他优化再更新，很多东西是摸索理解的，仅供参考代码敲完，项目上线，然后就要与优化相遇。showImg(https://segmentfault.com/img/bVbgBNf?w=1013&h=189);项目有抢购的性质content download 时间非常的长加载慢的很，至此开始前端优化...

fancyLuo 2019-08-23 11:56 评论0 收藏0
webpack+vue+mint-ui 实现上拉加载更多（Loadmore组件）

摘要：因为业务的需要界面需要实现分页的功能，所以我就研究了一下如何利用自带的组件实现上拉加载更多功能。代码如下上拉加载更多初始化方法如下下面便是上拉加载更多的方法这样就大功告成啦因为业务的需要界面需要实现分页的功能，所以我就研究了一下如何利用mint-ui自带的loadmore组件实现上拉加载更多功能。首先在文件中引入组件 import {Indicator, Loadmore} f...

LiuZh 2019-08-20 15:35 评论0 收藏0
Vue全家桶+Mint-Ui打造高仿QQMusic，搭配详细说明

摘要：简介最近有点小闲置，于是乎希望写点东西，正好自己喜欢听歌，便决定自己写一个音乐的简易版。核心文件则是在在这里使用统一管理页面切换动画，歌曲播放状态，歌曲进度等信息。所有对于歌曲的操作都通过来进行全局管理，然后对相应的变化做出全局改变。 Vue-QQMusic 简介：最近有点小闲置，于是乎希望写点东西，正好自己喜欢听歌，便决定自己写一个QQ音乐的简易版。顺便进一步加深下自己对移动端的知...

haoguo 2019-08-20 16:51 评论0 收藏0
基于vue+mint-ui的mobile-h5的项目说明

摘要：把打包的目录修改成生产环境需要的目录。是域名的配置只要统一配置一项即可，方便。旨在增强团队开发协作提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。 Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。对于还没学习或者还没用过vue的初学者，基础知识这里不作详解，推荐先去相关官网，学习一下vue相关的基础知识。 a...

vboy1010 2019-08-23 10:25 评论0 收藏0
Vue+mint-ui+flexible仿移动端App(网易云课堂)

摘要：仿网易云课堂在线预览手机浏览或切换谷歌浏览器移动调试预览描述前端部分快速构建前端界面轮播图，滑块管理现非父子组件之间的通信移动设备兼容使用实现预编译实现所有小图标的加载，减少请求路由懒加载结合异步组件和的做请求存储用 Vue-wyclass 仿网易云课堂App 在线预览：手机浏览或切换谷歌浏览器移动调试 Gif预览 showImg(https://segmentfault.com/i...

iOS122 2019-08-22 15:12 评论0 收藏0