安裝mint-ui

npm install mint-ui  --save

檢查一下是否 安裝成功

檢視配置檔案package.json檔案是否有mint-ui的版本資訊

main.js中引入mint-ui

import MintUI from 'mint-ui'

import 'mint-ui/lib/style.css'

Vue.use(MintUI)

元件呼叫

我們測試一下button元件能否正常顯示 。

button元件在頁面正常顯示了，說明我們成功了。

步驟三的方法是將所有的mint-ui元件全部引入，有一些元件可能是專案中不需要的，那麼就需要按需引入。

首先需要安裝 babel-plugin-component

修改.babelrc檔案

"plugins": [["component", [   

   {     

       "libraryName": "mint-ui",  

       "style": true  

     } 

  ]]]

在main.js中引入專案需要的元件

本例子中引入 button元件用於實踐效果

步驟4中的程式碼不變，檢視效果，正常顯示，按需引入成功。