全局配置mint-ui和mint-ui的按需引入

安装

1. npm i mint-ui -S

全局引入

main.js中配置2/3

2. import MintUI from 'mint-ui'     //引入

3. Vue.use(MintUI)      //注册


全局配置mint-ui和mint-ui的按需引入_第1张图片

4. 在babelrc中配置

["component", [

{"libraryName":"mint-ui","style":true}

]]


全局配置mint-ui和mint-ui的按需引入_第2张图片

按需引入

在main.js中按需引入即可

import { Toast, Loadmore, MessageBox, Popup} from 'mint-ui';

Vue.prototype.$toast = Toast;

Vue.prototype.$messagebox = MessageBox;

Vue.component(Loadmore.name, Loadmore);

Vue.component(Popup.name, Popup);


全局配置mint-ui和mint-ui的按需引入_第3张图片

你可能感兴趣的:(全局配置mint-ui和mint-ui的按需引入)