
微信小程序数据绑定实例
方法/步骤
1.打开小程序开发工具,使用测试号新建一个小程序
2.在新建的小程序,新建mypage文件夹并在文件夹内新建一个page,名为mypage,在app.json设为第一启动页
3.在mypage.wxml页面绑定一个数据使用{{数据}},代码如下:<text>{{content}}</text>在mypage.js文件绑定data数据,代码如下:data: {content:hello world},
4.点击编译,页面显示content为hello world
5.在mypage.wxml页面添加一个button,点击button的事件更改content的值。mypage.wxml代码如下:<text>{{content}}</text><button bindtap='clickHandler'>点我改内容</button>bindtap是绑定点击函数
6.同时修改mypage.js文件,增加clickHandler事件函数,在代码如下:clickHandler:function(){this.setData({content:world hello})}
7.更改数据用setData,这个和vue的操作有点区别,vue是可以等号直接赋值的
8.编译后,点击button按钮,content的内容被更改了













