微信小程序复杂数据结构模版渲染

作者：倾听岁月，原文地址 
在小程序开发过程中，有时我们只需要修改局部变量，也就是渲染局部数据，而不用将整体的模版渲染一次。其实我也不是很理解，模版渲染是每次调用setData 就全局渲染一次，还是传入什么对象就渲染对应的数据。如果每次调用setData都是全局渲染一次，那么以下程序也能提升一部分性能（只是局部赋值），如果是传入什么对象就渲染对应的数据，那么下面的渲染模式就能提升程序的运行性能。

1. <view>
2. <view>{{user.userInfo.nickName}}</view>
3. <view>{{user.uid}}</view>
4. <button bindtap="clickDemo">我是测试按钮</button>
5. </view>

如上所示，我们只希望渲染其中的user.userInfo.nickName,而不去渲染其它

1. var initJson = {
2. data:{
3. user:{
4. userInfo:{
5. "nickName" : "测试"
6. }
7. }
8. },
9.  
10. clickDemo : function(event){
11. var that = this;
12. var setJson = {};
13. var query = "user.userInfo.nickName";
14. setJson[query] = "我是谁";
15. that.setData(setJson);
16. }
17. };
18.  
19. Page(initJson);

运行测试，点击我是测试按钮。