摘要:自己從一個月之前正式的接觸這個框架,然后就瘋狂的迷戀上他,易上手我覺得是他最大的優(yōu)勢,之前我一直是使用的,大量的操作讓我有點(diǎn)力不從心,之前的我安于現(xiàn)狀不想去探索新的知識,直到我直到并且使用上他之后,自己的生產(chǎn)力仿佛得到了質(zhì)的飛躍,閑話少敘,
自己從一個月之前正式的接觸vue.js這個框架,然后就瘋狂的迷戀上他,易上手我覺得是他最大的優(yōu)勢,之前我一直是使用Jquery的,大量的dom操作讓我有點(diǎn)力不從心,之前的我安于現(xiàn)狀不想去探索新的知識,直到我直到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://最嗨的是他這個直接引入的是一個css文件 Vue.use(MintUI);
第三步
因?yàn)閣ebpack把需要的依賴都下載好了我只需要安裝下面的依賴就好啦 install babel-preset-es2015 --save-dev
第四步
配置你的babelrc文件
{ "presets": ["es2015", "stage-2"], "plugins": ["transform-runtime"], "comments": false }
第五步
下面重啟一下就可以直接在組件使用啦
需要注意的是,雖然是全局使用,但是在使用的過程中還是要在組件內(nèi)引用一下你需要使用的組件
{{headerProps.title}}
從安裝到使用的過程就是這樣啦,我也是剛接觸vue這個框架,有問題的地方請大神指出呀,也希望能和大家一起學(xué)習(xí)進(jìn)步~~~~
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82279.html
摘要:代碼敲完,項(xiàng)目上線,然后就要與優(yōu)化相遇。同理優(yōu)化之前優(yōu)化之后另外就是花點(diǎn)錢提高了下帶寬后面有其他優(yōu)化再更新,很多東西是摸索理解的,僅供參考 代碼敲完,項(xiàng)目上線,然后就要與優(yōu)化相遇。showImg(https://segmentfault.com/img/bVbgBNf?w=1013&h=189);項(xiàng)目有搶購的性質(zhì)content download 時(shí)間非常的長加載慢的很,至此開始前端優(yōu)化...
摘要:因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁的功能,所以我就研究了一下如何利用自帶的組件實(shí)現(xiàn)上拉加載更多功能。代碼如下上拉加載更多初始化方法如下下面便是上拉加載更多的方法這樣就大功告成啦 因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁的功能,所以我就研究了一下如何利用mint-ui自帶的loadmore組件實(shí)現(xiàn)上拉加載更多功能。 首先在文件中引入組件 import {Indicator, Loadmore} f...
摘要:簡介最近有點(diǎn)小閑置,于是乎希望寫點(diǎn)東西,正好自己喜歡聽歌,便決定自己寫一個音樂的簡易版。核心文件則是在在這里使用統(tǒng)一管理頁面切換動畫,歌曲播放狀態(tài),歌曲進(jìn)度等信息。所有對于歌曲的操作都通過來進(jìn)行全局管理,然后對相應(yīng)的變化做出全局改變。 Vue-QQMusic 簡介: 最近有點(diǎn)小閑置,于是乎希望寫點(diǎn)東西,正好自己喜歡聽歌,便決定自己寫一個QQ音樂的簡易版。順便進(jìn)一步加深下自己對移動端的知...
摘要:把打包的目錄修改成生產(chǎn)環(huán)境需要的目錄。是域名的配置只要統(tǒng)一配置一項(xiàng)即可,方便。旨在增強(qiáng)團(tuán)隊(duì)開發(fā)協(xié)作提高代碼質(zhì)量和打造開發(fā)基石的編碼規(guī)范,以下規(guī)范是團(tuán)隊(duì)基本約定的內(nèi)容,必須嚴(yán)格遵循。 Vue作為前端三大框架之一,其已經(jīng)悄然成為主流,學(xué)會用vue相關(guān)技術(shù)來開發(fā)項(xiàng)目會相當(dāng)輕松。 對于還沒學(xué)習(xí)或者還沒用過vue的初學(xué)者,基礎(chǔ)知識這里不作詳解,推薦先去相關(guān)官網(wǎng),學(xué)習(xí)一下vue相關(guān)的基礎(chǔ)知識。 a...
摘要:仿網(wǎng)易云課堂在線預(yù)覽手機(jī)瀏覽或切換谷歌瀏覽器移動調(diào)試預(yù)覽描述前端部分快速構(gòu)建前端界面輪播圖,滑塊管理現(xiàn)非父子組件之間的通信移動設(shè)備兼容使用實(shí)現(xiàn)預(yù)編譯實(shí)現(xiàn)所有小圖標(biāo)的加載,減少請求路由懶加載結(jié)合異步組件和的做請求存儲用 Vue-wyclass 仿網(wǎng)易云課堂App 在線預(yù)覽:手機(jī)瀏覽或切換谷歌瀏覽器移動調(diào)試 Gif預(yù)覽 showImg(https://segmentfault.com/i...
閱讀 908·2023-04-25 18:51
閱讀 1863·2021-09-09 11:39
閱讀 3276·2019-08-30 15:53
閱讀 2090·2019-08-30 13:03
閱讀 1304·2019-08-29 16:17
閱讀 574·2019-08-29 11:33
閱讀 1878·2019-08-26 14:00
閱讀 2118·2019-08-26 13:41