天天看点

全局配置mint-ui

文章目录

      • 安装
      • 全局引入

安装

首先进行运行安装

npm i mint-ui -S

既然安装肯定都知道mint-ui是做什么的,很多时候我们只是安装就觉得可以用了,然而恰恰相反,当安装mint-ui后,我们还需要引入相关的东西,以免出现错误。

全局引入

安装完后,我们需要打开我们搭建的项目,打开main.js,在里面引进行配置

1、import MintUI from 'mint-ui'

配置完,我们还要用它的样式,其实它就像bootstrap差不多,接下来引入css

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

注:一定要先配置,然后再引入css文件,.css文件这个路径就是在你安装的mint-ui里面。

我们安装插件,其实就是注册全局组件或者挂在属性,那么还需要进行注册,同样也是在main.js文件中

3、Vue.use(MintUI)

到这里基本的引入也就完了,基本就可以用了。