Applet learning path 2 - event binding

The binding event

Bind the click event to the component

index.wxml Code

<!-- index.wxml -->
<view class="title">{
   {counter}}</view>
<button bindtap="onIncreament" size="mini" type="primary">+1</button>
<button bindtap="onDecreament" size="mini" type="warn">-1</button>

Learn here , Pay attention to , In small program development , I personally think , All the labels , Should be treated as components , It can not be regarded as ordinary html label .

index.js Code

Page({
    
  data: {
    
    books: ['java', 'python', 'javaScript'],
    counter: 0
  },
  onIncreament: function () {
    
    console.log(111)
    this.setData({
    
      counter: ++this.data.counter
    })
  },
  onDecreament () {
    
    console.log(this)
    this.setData({
    
      counter: --this.data.counter
    })
  }
})

View :

summary

I found it in use ES6 Function shorthand is also feasible . Others don't pay attention