函数写在外部js上，应该怎么样才能在点击的时候调用到这个函数？

在vue组件页面定义一个点击事件，但是不在methods中写函数，而把函数写在外部js上，应该怎么样才能在点击的时候调用到这个函数。

<template>
  <div>
    <div class="next" @click="nextPage">下一页</div>
  </div>
</template>
<script>
import {utils} from "../../../utils/xzhdUtils";

export default {
  data() {
    return {
      
    };
  },
  methods: {
    nextPage() {
      this.utils()
  },
};
</script>

function  utils(){
	console.log(123);
}

export {			
	utils
}

1、确定你的封装的js有export 导出

2、在vue组件页，使用import 导入

3、函数需要加{} 不加会报错

4、使用时使用this就可以直接找到

直接调用啊，不需要this