Vue v-bind不读取数据

Question

我的代码有问题...首先，v-bind不起作用，它不会添加类，第二，当heartClick被触发时，在警报中它只显示undefined-undefined-undefined。 ..为什么？

我收到了以下代码：

<svg class="heart" v-on:click="heartClick" v-bind:class="{'heart-pulse': isLike}">

</svg>

并且在导出默认情况下，我有以下内容：

export default {
data(){
  return{
    map,
    imagenes:['checkIn', 'noCheckIn'],
    checkIneado: false,
    isLike: true,
    test: 'test'
  }
},methods:{
  heartClick: function(){
    alert(this.isLike+"-"+this.checkIneado+"-"+this.test)
    if (this.isLike === true) {
      this.isLike = false;
    }else{
      this.isLike = true;
    }
  }
}