mpvue小程序开发踩坑

[hsingyin]

微信小程序开发暂时采用了是mpvue框架，开发时遇到了一些坑，记录一下防止遗忘。

• data数据

当你跳转（使用navigateTo）的时候页面上的data会被缓存，所以在onShow或者onLoad钩子函数最好做个初始化。特别是你写了定时器等。

• 添加页面

必须npm run dev 一下，否则微信开发者工具会报错

• template

模板里面的写法不支持过滤器，函数表达式，用计算属性或者别的代替

• 小程序图片

这个只能说你不能用特别大的背景图写在css里的background里，取而代之写image标签，注意压缩一下图片节省空间

• 函数调用

和微信小程序原生支持的一些API，比如获取用户手机号信息，需要一个button去调用

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

你要改写成以下这种，用@代替bind

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"></button>

• class绑定

不支持对象写法

• solt插槽

不支持插槽传递变量的写法，建议props代替

[hsingyin]

• 发版审核相关

需要配置request白名单和webview业务域名，必须是已经备案的域名。测试是否时注意要关闭调试模拟生产环境