作者:倾听岁月,原文地址
在小程序开发过程中,有时我们只需要修改局部变量,也就是渲染局部数据,而不用将整体的模版渲染一次。其实我也不是很理解,模版渲染是每次调用setData 就全局渲染一次,还是传入什么对象就渲染对应的数据。如果每次调用setData都是全局渲染一次,那么以下程序也能提升一部分性能(只是局部赋值),如果是传入什么对象就渲染对应的数据,那么下面的渲染模式就能提升程序的运行性能。
<view>
<view>{{user.userInfo.nickName}}</view>
<view>{{user.uid}}</view>
<button bindtap="clickDemo">我是测试按钮</button>
</view>
如上所示,我们只希望渲染其中的user.userInfo.nickName,而不去渲染其它
var initJson = {
data:{
user:{
userInfo:{
"nickName" : "测试"
}
}
},
clickDemo : function(event){
var that = this;
var setJson = {};
var query = "user.userInfo.nickName";
setJson[query] = "我是谁";
that.setData(setJson);
}
};
Page(initJson);
运行测试,点击我是测试按钮。