使用ES6粗箭头不会注销结果

Question

在我的Vue应用中，我的数据如下：

data(){
  return{
    example:[
     {total: 1000, subtotal: 500},
     {total: 2000, subtotal: 500}
    ]
  }
}

methods: {
 reducer: (accumulator, currentValue) => accumulator + currentValue ,
 sumSubTotal: () => this.example.map(d => d.subtotal).reduce(this.reducer)
}

computed: {
reportData(){
  console.log(this.sumSubTotal)
}

它不会控制台注销单个内容。但是，如果我不得不将sumSubTotal的方法替换为：

 sumSubTotal () {
    return this.example.map(d => d.subtotal).reduce(this.reducer)
 }

它注销3000作为答案。为什么在这种情况下使用ES6粗箭头不适用于sumSubTotal函数？