webpack + vue 使用mint-ui

vvpvvp 發布于2019-08-20 15:28 / 2878人閱讀

摘要：自己從一個月之前正式的接觸這個框架，然后就瘋狂的迷戀上他，易上手我覺得是他最大的優勢，之前我一直是使用的，大量的操作讓我有點力不從心，之前的我安于現狀不想去探索新的知識，直到我直到并且使用上他之后，自己的生產力仿佛得到了質的飛躍，閑話少敘，

自己從一個月之前正式的接觸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"http://最嗨的是他這個直接引入的是一個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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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