Vuejs如何在单个组件中使用重复方法

<template>
  <button @click="handleClick">点击按钮</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 执行重复方法的逻辑
    }
  }
}
</script>

// mixins.js
export default {
  methods: {
    handleClick() {
      // 执行重复方法的逻辑
    }
  }
}

// component.vue
<template>
  <button @click="handleClick">点击按钮</button>
</template>

<script>
import mixins from 'mixins.js'

export default {
  mixins: [mixins]
}
</script>

// mixins.js
export default {
  methods: {
    handleClick() {
      // 执行重复方法的逻辑
    }
  }
}

// main.js
import Vue from 'vue'
import mixins from 'mixins.js'

Vue.mixin(mixins)

new Vue({
  el: '#app',
  render: h => h(App)
})