如何将函数导入到Vue组件中？

<template>
  <div>
    <button @click="myFunction">点击我</button>
  </div>
</template>

<script>
export default {
  methods: {
    myFunction() {
      // 在这里编写函数的逻辑
    }
  }
}
</script>

// mixin.js
export default {
  methods: {
    myFunction() {
      // 在这里编写函数的逻辑
    }
  }
}

// MyComponent.vue
<template>
  <div>
    <button @click="myFunction">点击我</button>
  </div>
</template>

<script>
import myMixin from './mixin.js';

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

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

Vue.mixin({
  methods: {
    myFunction() {
      // 在这里编写函数的逻辑
    }
  }
});

// MyComponent.vue
<template>
  <div>
    <button @click="myFunction">点击我</button>
  </div>
</template>

<script>
export default {
  // 组件中可以直接使用全局混入的函数
}
</script>