#b5.1.3 鼠標移出事件

by BDeer

HTML

<div id="app">
 <button v-on="{mouseleave: onOut}">移到我上面，再離開</button>
 <span>{{ message }}</span>
</div>

Vue

let vmOn = new Vue({
 el: '#app',
 data: {
  message: ''
 },
 methods: {
  onOut() {
   console.log('mouse leave')
   this.message = '觸發 mouseleave: onOut'
  }
 }
})