一、闽图介绍

Mint是基于vue的前端UI框架，风格类似手机。可以说是基于vue打包应用的UI框架。使用mint框架可以给用户更好的交互体验。Mint支持vue2.0。

二.闽图的安装与介绍

在安装之前，您应该对vue.js有所了解有一个很好的vue项目和一个已安装的node.js

执行命令npm i mint-ui -S，出现以下界面表示安装成功。

介绍muitUI:

添加main.js

从' mint-ui '导入mint-ui/lib/style . CSS ' vue . use(mint ui)注意：样式需要单独介绍。这样的介绍可以介绍所有的组件

如果您不想引入所有组件，而只想按需引入，则需要安装它们

npm安装巴别塔插件组件

修改。babeirc阅读：

然后导入所需的组件

第三，用例子

1.提示信息祝酒词

html:

'

js:

对页面的影响：

2.消息提示框

html:

js:

页面效果：

更多的例子和具体的使用方法，请见闽图官方文件：http://mint-ui.github.io/#!/zh-cn

从上面两个例子可以看出，使用mintUI的用户界面要友好得多，在基于vue开发app时可以考虑使用这个前端UI框架。

以上就是边肖介绍的vue-mintui前端框架的详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！