微信小程序 响应的数据绑定

微信小程序 数据绑定

目录

index.js 逻辑层

Page({
  data: {
    number: 0,
  },
  // 事件处理函数
  add(){
    // react this.setState({})
    // ES6 解构
    var {number} = this.data
    console.log(number)
    this.setData({
      number: number + 1
    })
  }
})

index.json 该文件主要配置一些本页面的属性（略 本文不做描述）

index.wxml 布局文件 类似 html

<!--index.wxml-->
<view class="container">
  <text>{{number}}</text>
  <button bindtap="add">加 1</button>
</view>

index.wxss style样式（略）