vue引入mint-ui的方法是什么？

本篇内容主要讲解“vue引入mint-ui的方法是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue引入mint-ui的方法是什么”吧!

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用npm命令安装mint-ui依赖包；

npm intall mint-ui --save
npm install --save-dev babel-plugin-component

3.mint-ui依赖包安装好后，在babelrc文件中进行以下配置；

"plugins": [["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]]

4.最后，babelrc文件配置好后，在项目中使用import方法即可引入mint-ui；

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

到此，相信大家对“vue引入mint-ui的方法是什么”有了更深的了解，不妨来实际操作一番吧！这里是***网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！