微信小程序setData()

微信小程序setData()

同步更改数据，异步渲染视图

小程序中数据层和视图层使用setData()进行交互，在使用setData时，页面中的data同步发生改变，但视图层渲染是异步的。也就是说setData()后，data里面的相应数据以及修改，但在执行下一行代码时，视图还未渲染完成，开发中需要注意

解决方案：如果业务逻辑需要渲染完成后再执行的，可以给setData()的第二个参数传入一个回调函数

性能问题

setData()改变的数据较多时比较耗性能，会出现明显卡顿，比如长列表出现白块，点击事件相应慢等，同时，测试过data里的数据如果太多（onLoad相当于执行了一次渲染），会阻塞第一次setData()的渲染

解决方案：1、data里不要放太多数据。2、以长列表为例，可以使用2维数组分页渲染，提前请求下一页数据缓存等方法来优化渲染，小程序列表渲染时一定要带上wx:key，以此实现局部渲染

注：如果可能，最好不要使用长列表，稍微低端的安卓机在节点数目越来越大时卡顿明显