微信小程序如何渲染页面

运行微信开发者工具

选择小程序项目

新建小程序项目

进入小程序的开发界面

在index.wxml页面中,添加一个按钮

名称为重新渲染

<button>重新渲染</button>

添加后的效果如图

给这个按钮添加事件

<button bindtap="onrefresh">重新渲染</button>

进入index.js文件

完成事件方法

在onrefresh中完成重新渲染的事件

, onrefresh:function(){

wx.showToast({

title: '开始重新渲染',

icon: 'success',

duration: 2000

})

this.onLoad()

}

是通过setData实现的。根据微信小程序简介可知，小程序的软件众多，页面更新数据是通过setData实现的。setData是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。setData函数用于将数据从逻辑层渲染到视图层（异步），同时改变对应的this.data的值（同步）。

---