如何避免在事件处理方法中使用箭头函数

<template>
<div>
  <button @click="incrementCount">点击我</button>
  <p>计数: {
        { count }}</p>
</div>
</template>
<script>
export default {
          
data() {
          
  return {
          
    count: 0
  };
},
methods: {
          
  incrementCount() {
          
    this.count++;
  }
}
};
</script>

<template>
<ul>
  <li v - for="(item, index) in items" :key="index">
    {
        { item }}
    <button @click="handleDelete.bind(this, index)">删除</button>
  </li>
</ul>
</template>
<script>
export default {
          
data() {
          
  return {
          
    items: ['苹果', '香蕉', '橙子']
  };
},
methods: {
          
  handleDelete(index) {
          
    this.items.splice(index, 1);
  }
}
};
</script>