新坑：微信小程序

为啥最近的工作那么像前端呢，算了，别管什么工作都还是要做的。之前从未想过会开发微信小程序这玩意，结果就遇到了不少问题。

0x1 初识小程序

得到这个要求之后我第一时间看了下微信的api，恩，都是类似于ajax一类的，看起来不算很难，不过，和其他的东西有点不太一样的是，原生的小程序有三部分，wxml（什么鬼，微信XML吗），wxss，还有一个js。

wxml就是类似html文件的一个东西，wxss是他的样式表，js在这里充当页面的controller，处理各类业务逻辑，其实乍一看上去怎么感觉有点像vue框架的东西呢，好奇之下我就在百度搜了搜，，，果然不是我自己这么想的，已经有人在尝试整合vue到这个上面了。

那么，他们分别是WePy还有mpVue，既然已经找到了就折腾下试试看吧。

0x2 框架的选择

mpvue这个框架是美团出的，也是最早尝试使用的小程序框架，它的作用是把vue和vuex转换为微信的形式，只不过由于微信自身的原因，vue的router就坑在这了，这个框架每一个页面需要一个vue component的页面文件，另外还有一个main.js，看起来应该是编译的时候的一些配置之类的，还有main.json。

文件显得多了点，但是有一个插件可以整合他们，当然就算不整合也没什么问题的。

为了方便开发，我决定在这里面安装一个ui框架，就像这样：