webpack + vue 使用mint-ui

vvpvvp 發(fā)布于2019-08-20 15:28 / 2936人閱讀

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

自己從一個(gè)月之前正式的接觸vue.js這個(gè)框架，然后就瘋狂的迷戀上他，易上手我覺(jué)得是他最大的優(yōu)勢(shì)，之前我一直是使用Jquery的，大量的dom操作讓我有點(diǎn)力不從心，之前的我安于現(xiàn)狀不想去探索新的知識(shí)，直到我直到vue并且使用上他之后，自己的生產(chǎn)力仿佛得到了質(zhì)的飛躍，閑話少敘，進(jìn)入今天的主題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://最嗨的是他這個(gè)直接引入的是一個(gè)css文件

Vue.use(MintUI);

第三步

因?yàn)閣ebpack把需要的依賴都下載好了我只需要安裝下面的依賴就好啦
install babel-preset-es2015 --save-dev

第四步

配置你的babelrc文件

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

第五步
下面重啟一下就可以直接在組件使用啦
需要注意的是，雖然是全局使用，但是在使用的過(guò)程中還是要在組件內(nèi)引用一下你需要使用的組件

從安裝到使用的過(guò)程就是這樣啦，我也是剛接觸vue這個(gè)框架，有問(wèn)題的地方請(qǐng)大神指出呀，也希望能和大家一起學(xué)習(xí)進(jìn)步~~~~

GPU云服務(wù)器云服務(wù)器 webpack使用 webpack 使用公用cdn vue使用webrtc vue 中使用 webrtc

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/82279.html

相關(guān)文章

vue 優(yōu)化CDN加速

摘要：代碼敲完，項(xiàng)目上線，然后就要與優(yōu)化相遇。同理優(yōu)化之前優(yōu)化之后另外就是花點(diǎn)錢(qián)提高了下帶寬后面有其他優(yōu)化再更新，很多東西是摸索理解的，僅供參考代碼敲完，項(xiàng)目上線，然后就要與優(yōu)化相遇。showImg(https://segmentfault.com/img/bVbgBNf?w=1013&h=189);項(xiàng)目有搶購(gòu)的性質(zhì)content download 時(shí)間非常的長(zhǎng)加載慢的很，至此開(kāi)始前端優(yōu)化...

fancyLuo 2019-08-23 11:56 評(píng)論0 收藏0
webpack+vue+mint-ui 實(shí)現(xiàn)上拉加載更多（Loadmore組件）

摘要：因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁(yè)的功能，所以我就研究了一下如何利用自帶的組件實(shí)現(xiàn)上拉加載更多功能。代碼如下上拉加載更多初始化方法如下下面便是上拉加載更多的方法這樣就大功告成啦因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁(yè)的功能，所以我就研究了一下如何利用mint-ui自帶的loadmore組件實(shí)現(xiàn)上拉加載更多功能。首先在文件中引入組件 import {Indicator, Loadmore} f...

LiuZh 2019-08-20 15:35 評(píng)論0 收藏0
Vue全家桶+Mint-Ui打造高仿QQMusic，搭配詳細(xì)說(shuō)明

摘要：簡(jiǎn)介最近有點(diǎn)小閑置，于是乎希望寫(xiě)點(diǎn)東西，正好自己喜歡聽(tīng)歌，便決定自己寫(xiě)一個(gè)音樂(lè)的簡(jiǎn)易版。核心文件則是在在這里使用統(tǒng)一管理頁(yè)面切換動(dòng)畫(huà)，歌曲播放狀態(tài)，歌曲進(jìn)度等信息。所有對(duì)于歌曲的操作都通過(guò)來(lái)進(jìn)行全局管理，然后對(duì)相應(yīng)的變化做出全局改變。 Vue-QQMusic 簡(jiǎn)介：最近有點(diǎn)小閑置，于是乎希望寫(xiě)點(diǎn)東西，正好自己喜歡聽(tīng)歌，便決定自己寫(xiě)一個(gè)QQ音樂(lè)的簡(jiǎn)易版。順便進(jìn)一步加深下自己對(duì)移動(dòng)端的知...

haoguo 2019-08-20 16:51 評(píng)論0 收藏0
基于vue+mint-ui的mobile-h5的項(xiàng)目說(shuō)明

摘要：把打包的目錄修改成生產(chǎn)環(huán)境需要的目錄。是域名的配置只要統(tǒng)一配置一項(xiàng)即可，方便。旨在增強(qiáng)團(tuán)隊(duì)開(kāi)發(fā)協(xié)作提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼規(guī)范，以下規(guī)范是團(tuán)隊(duì)基本約定的內(nèi)容，必須嚴(yán)格遵循。 Vue作為前端三大框架之一，其已經(jīng)悄然成為主流，學(xué)會(huì)用vue相關(guān)技術(shù)來(lái)開(kāi)發(fā)項(xiàng)目會(huì)相當(dāng)輕松。對(duì)于還沒(méi)學(xué)習(xí)或者還沒(méi)用過(guò)vue的初學(xué)者，基礎(chǔ)知識(shí)這里不作詳解，推薦先去相關(guān)官網(wǎng)，學(xué)習(xí)一下vue相關(guān)的基礎(chǔ)知識(shí)。 a...

vboy1010 2019-08-23 10:25 評(píng)論0 收藏0
Vue+mint-ui+flexible仿移動(dòng)端App(網(wǎng)易云課堂)

摘要：仿網(wǎng)易云課堂在線預(yù)覽手機(jī)瀏覽或切換谷歌瀏覽器移動(dòng)調(diào)試預(yù)覽描述前端部分快速構(gòu)建前端界面輪播圖，滑塊管理現(xiàn)非父子組件之間的通信移動(dòng)設(shè)備兼容使用實(shí)現(xiàn)預(yù)編譯實(shí)現(xiàn)所有小圖標(biāo)的加載，減少請(qǐng)求路由懶加載結(jié)合異步組件和的做請(qǐng)求存儲(chǔ)用 Vue-wyclass 仿網(wǎng)易云課堂App 在線預(yù)覽：手機(jī)瀏覽或切換谷歌瀏覽器移動(dòng)調(diào)試 Gif預(yù)覽 showImg(https://segmentfault.com/i...

iOS122 2019-08-22 15:12 評(píng)論0 收藏0