这种在箭头上的功能

Question

此代码是在vue中启动的简单方法，它具有将对象推入数组的输入，当我使用函数时它可以工作，但是如果我使用箭头函数，则无法通过该对象访问对象元素（注释的代码有效）

var app = new Vue({
  el:'#app',
  data:{
    titulo:"Hola mundo con vue",
    frutas:[
      { nombre:'Manzana', cantidad:1},
      { nombre:'Pera', cantidad:0},
      { nombre:'Platano', cantidad:3}
    ],
    nuevaFruta:""
  },
  methods:{
    /*agregarFruta: function(event){
      this.frutas.push({
        nombre:this.nuevaFruta,
        cantidad:0
      });
    }*/
    agregarFruta: () => console.log(this.nuevaFruta)//cant acces I gent an undefined value
  }

});