微信小程序-单向数据流事件+this.setData()

小程序没有双向数据绑定模式，

1、要么是从界面通过 事件 转换到逻辑，

2、要么是从逻辑通过this.setData() 转到界面，往界面上暴露数据

 案例：如下界面，初始化时，输入框中值为“abc”,当在输入框中继续输入字符时，下面的"abc"和上面保持同步变化

• 给输入框绑定事件

wxml文件：
<view>
  <input class="weui-input" auto-focus value="{{message}}" bindinput="inputHandle"/>
  <text>{{message}}</text>
</view>

•  把改变的值通过this.setData()回传到页面

js文件
 data: {
    message:"abc",
  },


  inputHandle(e){
    this.setData({
      message: e.detail.value
    })
  },

想要数据同步变化，必须使用this.setData()重新进行渲染，因为小程序是单向数据流，不能实现双向数据绑定