1. 程式人生 > >vue mint-ui 使用手冊 全域性載入和按需引入

vue mint-ui 使用手冊 全域性載入和按需引入

1 安裝過vue腳手架的可以直接vue init webpack + 專案名稱,

    然後使用cnpm(npm)安裝依賴,全域性引入mint-ui的方法是

       在控制檯cnpm install --save,

檢視根目錄下的packjson檔案,可以看到版本資訊

"dependencies": { "mint-ui": "^2.2.13", "vue": "^2.5.2", "vue-router": "^3.0.1" },

說明安裝後成功

main.js中引入mint-ui

// 全域性引入mint-uiimport MintUI from 'mint-ui'import 'mint-ui/lib/style.css'
Vue.use(MintUI)// 全域性引入mint-ui結束

3 在頁面中呼叫方法

this.$toast({ message: '提示語句', position: 'middle', duration: 5000 })