Mint UI的问题

Mint UI 是在 gitHub 上开源的一个很火的基于 Vue.js 的移动端组件库。最近试用了一下，总结一下使用感受吧。

看他们的文档就开始 Code 了。请在手机上看这个例子：

我是参考 cell-swipe.vue 稍稍改动了一下。结果报错了：

错误：CellDemo.vue?9ecf:28 Uncaught TypeError: _this.$messagebox is not a function

在 App.vue 中 import {MessageBox} from 'mint-ui'，再将 this.$messagebox 修改为 MessageBox 就可以了。

另外，如果我们使用引入全部组件的方式也可以解决这个问题。从实例上可以看出，MessageBox 应该是作为一个插件来开发的，他们对这个 JS 组件也有单独的仓库，对比了一下代码忘记，几乎相同。那就应该是打包的问题了。Clone 了 mint-ui 的仓库，想在本地上跑，结果跑不下来。发现如下错误：

• npm run dev需要依赖 yarn；
• webpark 的版本不对，需要 2.x；
• eslink 对 loadmore.vue 报错。

其它问题我就不列举了。我也觉得奇怪，10k 以上 Star 的项目，这么明显的问题没人发现吗？是大家太忙，还是我用的方法不对。

申明一下，这里并不是去黑 Mint UI，只是建议作为 Vue.js 大厂的饿了么前端团队对这个项目应该更严谨一点。至少应该加上单元测试吧。