微信小程序开发——视图与渲染(一)

数据的绑定

1. 把要绑定的数据用 {{ }} 包起来,此时被包裹的内容不是要显示数据。

微信小程序开发——视图与渲染(二)

2.打开 first.js 文件,需要在 Page 方法中的 data 里进行定义 。

微信小程序开发——视图与渲染(二)

也可绑定标签里的内容

微信小程序开发——视图与渲染(二)

微信小程序开发——视图与渲染(二)

3.定义一个点击事件,使用 bindtap 标签。

微信小程序开发——视图与渲染(二)

在 first.js 文件中,定义 primary 的方法,当点击按钮时点击事件被触发。

微信小程序开发——视图与渲染(二) 5.在模拟器中显示点击的反馈结果,使用 this.setData ( ) 设置数据,把 text 数据设置成一个新的内容,当点击 primary 按钮时,text 文本的内容就会被更新。

微信小程序开发——视图与渲染(二)

微信小程序开发——视图与渲染(三)难点

微信小程序开发——视图与渲染(四)重点

相关文章: