单向数据流（微信小程序）

<!--index.wxml-->
<view class="container">
  <input value="{{ message }}" bindinput="inputHandle" />
  <text>{{ message }}</text>
</view>

1. this.setData 是用来改变data中的数据
2. 他与直接赋值区别在于 setData 可以通知界面做出变化
3. 直接赋值没有办法实现这一点（早期的JS）

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    demo: 'demo',
    message: 'initial'
  },
  //事件处理函数
  inputHandle: function(e) {
    // this.data.message = e.detail.value
    // console.log(this.data.message)
    this.setData({
      message: e.detail.value
    })
    console.log(this.data)

    // this.setData 是用来改变data中的数据
    // 他与直接赋值区别在于 setData 可以通知界面做出变化
    // 直接赋值没有办法实现这一点（早期的JS）
  }
})