为啥最近的工作那么像前端呢,算了,别管什么工作都还是要做的。之前从未想过会开发微信小程序这玩意,结果就遇到了不少问题。
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框架,就像这样: