微信小程序：setData函数

在小程序中经常会用到setData函数把变量渲染到视图层，为什么不直接赋值呢？下面来详细了解一下

• setData是小程序开发中使用最频繁的接口，界面几乎所有变量都要用到它

• setData函数用于将逻辑层的数据渲染到视图层（异步），同时改变对应的this.data的值（同步）

示例1：简单实现点击修改变量值

先在页面上放一个文本控件用来显示内容

再放一个按钮用来执行命令

1.wxml

<text>test:{{test}}</text>
<button bindtap="bindTest">点击改变test值</button>

2.js

Page({
    data:{
        test:"我是原始值”
        },
    bindtest: function(){
        console.log("setData前："+this.data.test);
        this.setData({
            test:"我的值被改变了！"
        })
        console.log("setData后："+this.data.test);
        }
})