微信小程序中通知界面发生变化

1.调用this.setData方法 接收的是对象的参数
2.它直接赋值区别在于setData可以通知界面发生变化
3.直接赋值没有办法实现这一点

页面

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

js页面

/index.js
//获取应用实例


Page({
  data:{
    message:'initial'
  },
  inputHandle:function(e){
    // console.log(e);
    // e下面有detail属性可以拿到值
    // this.data.message=e.detail.value

    // ，调用this.setData方法 接收的是对象的参数
    // 它直接赋值区别在于setData可以通知界面发生变化
    // 直接赋值没有办法实现这一点
    this.setData({
      message:e.detail.value
    })

  }
})

样式页面

input{
  font-size: 30px;
  border: 1px solid #ccc;
  padding:10px;
}
text{
  font-size: 30px;
}