作者:傾聽歲月,原文地址
在小程序開發過程中,有時我們只需要修改局部變量,也就是渲染局部數據,而不用將整體的模版渲染一次。其實我也不是很理解,模版渲染是每次調用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);
運行測試,點擊我是測試按鈕。
|