mint-ui使用

全局引入

1.下载mint-ui
    npm install mint-ui --save
2.main.js中引入
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

局部引入

1.下载mint-ui
    npm install mint-ui --save
2.main.js中引入想用的
    import {Header,Button} from "mint-ui"
    Vue.component(Header.name,Header)
    Vue.component(Button.name,Button)
3.在.babelrc中配置
    "plugins": [
        "transform-vue-jsx",
        "transform-runtime",
        [
          "component",{
            "libraryName": "mint-ui",
            "style": true
          }
        ]
    ]
4.组件中使用
    <div class="hello">
        <mt-header fixed title="固定在顶部"></mt-header>
        <mt-button type="primary" class="btn">primary</mt-button>
    </div>