作者:倾听岁月,原文地址
在小程序开发过程中,有时我们只需要修改局部变量,也就是渲染局部数据,而不用将整体的模版渲染一次。其实我也不是很理解,模版渲染是每次调用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);
运行测试,点击我是测试按钮。
|