最近手贱，写了个mpvue的项目，有一些问题和想法，跟大家分享一下。
比较打击人的一点是美团对这个孩子的关注下降了，从官方的log记录来看，19年以来，都没在更新了，有一些其他的框架可能更好，所以mpvue的使用可能比较受限，但是如果你是vue用户倒是可以尝试。另外是如果你在js中写了wx的方法，它是不会给你转化成my的，所以用起来可能要做规避，如果只是转微信的，那就无所谓了。其实如果直接开发微信小程序，后面可以有工具转化成支付宝小程序，虽说会有问题，但是修改的面积不大，有兴趣可以找下，网上有好多案例。
这些都是宏观上的开发问题，下面说几个点：
1、你可能看过别的blog在注意事项里说onShow在第一次页面加载时不显示，亲测是每次都会显示的，没差别（此类问题简称为“事项纠正”）；
2、在mpvue中写img地址，可以使用相对路径，这点让我觉得很舒服（事项纠正）
3、微信小程序和支付宝开发文档高度相似，botton、swiper标签用法功能几乎一样，所以开发过程中几乎可以无界限。做过小程序开发的应该知道，有些事件功能可以通过botton属性之行
4、节点的事件绑定和属性设置，用vue的方法，一些bingChange要改用@change
5、主要我还是想说一些生命周期的东西，毕竟vue和小程序都有自己用的生命周期，这里不纠结上面提到的wx方法无法转化成my的问题，下面是生命周期的节点
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
//vue 生命周期 beforeCreate(){ console.log('vue beforeCreate') }, created () { console.log('vue created') }, beforeMount(){ console.log('vue beforeMount') }, mounted(){ console.log('vue mounted') }, beforeDestroy(){ console.log('vue before destroy') }, destroyed(){ console.log('vue destroyed') }, //小程序 生命周期 onLaunch(){ console.log('wx on launch') }, onLoad(){ console.log('wx on load') }, onShow(){ console.log('wx on show') }, onReady(){ console.log('wx on ready') }, onHide(){ console.log('wx on hide') }, onUnload(){ console.log('wx on unload') } |
下面是结果：
|
1 2 3 4 5 6 7 8 9 10 11 |
// vue beforeCreate // vue created // wx on load // wx on show // wx on ready // vue beforeMount // vue mounted // wx on hide // wx on show |
从而也正式了第1个问题。在开发的时候需要注意有些不公用的周期。
参考：http://www.pianshen.com/article/7734291122