按需引入mint-ui

npm install mint-ui

npm install babel-plugin-component

 

//babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [["component", 
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]
}

  

//main.js
import {Button,Toast} from 'mint-ui';
Vue.component(Button.name, Button);
//引入mit-ui全局样式
import 'mint-ui/lib/style.css'
Vue.prototype.$toast = Toast

  组件中使用:this.$toast或<mt-button></mt-button>

posted @ 2021-09-08 18:10  chicidol  阅读(82)  评论(0编辑  收藏  举报