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

在小程序开发过程中，有时我们只需要修改局部变量，也就是渲染局部数据，而不用将整体的模版渲染一次。其实我也不是很理解，模版渲染是每次调用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" : "测试"
            },
            uid : 0
        }
    },

    clickDemo : function(event){
        var that = this;
        var setJson = {};
        var query = "user.userInfo.nickName";
        setJson[query] = "我是谁";
        that.setData(setJson);
    }
};

Page(initJson);

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

觉得不错请打赏，您的十分满意是笔者的无限动力