mpvue开发小程序遇到的问题

1.slot使用中的传值问题

• mpvue 的版本问题，1.0.13 之后才支持具名 slot
• slot 里面不能有变量，有变量渲染不出来，官方推荐 用 props 传值
• 不支持一个组件多个插槽

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

• 小程序有自己的页面栈，mpvue转义完成实际上是走的小程序的逻辑
• 页面会进入小程序的生命周期，data数据是不会自动初始化
• 手动初始化操作一般放在onShow里面
• [参考]https://segmentfault.com/a/1190000012282464

3.Object数据更新视图确并未修改

• 对于对象的操作如果注入过多的依赖操作视图也不会刷新
• 可以把需要更新的变量抽离，防止数据污染
• 用object.assign()

4.wx原声API暴漏的callback里面的this指向为undefined

• 在外层环境重新赋值this
• 使用箭头函数

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

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

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

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

7.在部分机型上css溢出展示省略号是上下居中

• 目前市面上给出最优的解决方案就是字符串截取拼接上’…’

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

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