最近这家公司的一款app用的Vant-UI，说实话之前并没怎么接触过Vant，在开发的过程中踩了不少没经验的坑。其他的都还好，坑最多的其中必须要有circle的名号。
circle-环形进度条
在官方文档里只有部分API的例子，而且对于部分最常用的API的介绍并不很详细，比如v-model、rate。
其中文档中给出 v-model 为当前进度，rate为目标进度
而与此同时官网给的例子就让人看不懂了。
此时v-model为0，rate为30，但进度条显示为70%
没办法，自己写代码自己试，发现自己写也是这个情况。
怎么读文档也不知道为什么v-model为0，rate为30的时候进度条是70%。
最后各种试，发现当v-model和rate相同的时候，进度条显示的就是你rate的值的百分比（此处为进度条的显示，text自己写是多少）
ok那就这么写！
在接着开发的过程中，发现好像哪里又出了毛病。
text不同，但进度条的显示每一条都一样 嗯？什么情况？
百度也没百度到有网友出现过类似的问题。OK，继续试。
后来的后来，推测出一种结果：不同circle的v-model不能为同一个值
OK，解决了就继续写。
在我的项目里，有些是没有数据的，后端接口在百分比会返回一个-1，当然，在最一开始我也是直接v-model和rate都是-1，结果发现在首次进入页面的时候，这些-1的进度条竟然是满的而不是空的。当点击其他页面再回来的时候，-1的进度条才会变成空的。
同样，百度没有任何结果。行吧那继续试。
推测出结论：v-model所传的值不能为负数
然后我把这些-1的时候全都变成了0.
目前circle的坑暂时踩了这么多。