帮我写一串简单地微信小程序代码能有直观效果

当然可以，这是一个非常基础的小程序页面示例，它包含了一个按钮，点击后会改变背景颜色。这个代码片段展示了数据绑定和响应式的基本用法：

<!-- pages/index.wxml -->
<view class="container">
  <button bindtap="changeColor" text="{{currentColor}}">点击改变背景</button>
  <view style="background-color: {{backgroundColor}}; height: 100px;"></view>
</view>

<style scoped>
.container {
  padding: 20rpx;
}
</style>

<script>
Page({
  data: {
    backgroundColor: '#fff',
    currentColor: '白色'
  },
  
  changeColor: function() {
    this.setData({
      backgroundColor: this.data.currentColor === '白色' ? '#ff0000' : '#ffffff', // 交换颜色
     currentColor: this.data.backgroundColor // 更新显示的文字
    });
  }
})
</script>

当你运行并点击按钮时，背景颜色会从白色变为红色，然后再变回白色。这个例子演示了如何监听事件（bindtap）、如何设置和更新数据以及数据如何驱动视图的变化。