盘点mpvue遇到的坑

1.slot使用（传值问题）

mpvue 的版本问题，1.0.13 后才支持具名 slot

slot 里不能有变量，也就是说不能通过变量传值，官方推荐用 pros 传值

不支持一个组件多个插槽

2.data 数据需要手动初始化

小程序有自己的页面栈，mpvue 转义完成实际上还是遵循小程序的逻辑，页面进入小程序的生命周期，data 数据是不会自动初始化，手动初始化操作一般放在 onShow 中。虽然mpvue的官方推荐尽可能使用vue的生命周期，但是真实的场景并不适合。比喻onload的执行是在mounted之前的。

[参考]https://segmentfault.com/a/1190000012282464

3.对于对象的操作如果注入太多依赖，视图不会刷新

可以把需要更新的变量抽离，防止数据污染

用 objec.assign() 不推荐

4.wx 原生 api 暴露的 callback 里面的 this 指向为 undefined

在外层环境重新赋值 this

使用箭头函数

5.页面中如果出现 fixed 布局的时候要把 z-index 设高

页面中有 fixed&&absolute 布局时如果页面出现滚动，绝对定位的元素会在 fixed 上层

6.android vs iOS 视窗高度差44px【待】

在android机上需要减掉双倍导航栏的高度【原理待研究】，大神的说法是：android和iOS对于页面内容区的定义不同。

7.使用小程序onLoad的生命周期初始化数据

created的生命周期不会在我们进入页面中加载，会在加载小程序的时候一次性加载，所以无法使用，但 onLoad 和 onReady 是在 mounted 前渲染，会减少白屏的时间