微信小程序（二）事件绑定

注释很详细，直接上代码

上一篇

新增内容：

1. 点击事件绑定
2. 注册页面
3. 设置页面初始化数据
4. 事件处理函数的实现
5. 更新数据并更新视图

源码：

index.wxml

<!-- 页面的数据绑定 -->
<view>{{msg}}</view>
<!-- 绑定点击事件 -->
<button type="primary" bind:tap="changemsg">点击修改</button>

index.js

//初始化页面
Page({
    //页面的初始数据
    //data是一个对象
    data:{
        msg:'Hello World'
    },

    //事件处理函数，修改文本
    changemsg(){
        //更新数据与视图
        this.setData({
            msg:'改变了'
        })
    }
})

效果演示：

1. 按钮点击前
   

2. 按钮点击后
   
   下一篇