Javascript 如何在Vue组件数据绑定中使用外部函数？

我是js新手，我想在vue组件数据绑定中使用外部函数，但它无法工作

helper.js

function groupArrayOfObjects(list, key) {  
    return blah blah
}

function parseDate(d) {      
    return bla bla
}

export { groupArrayOfObjects, parseDate };

vue组件：

Vue warn]：属性或方法“parseDate”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保此属性在数据选项中或对于基于类的组件是被动的

 <template>
          <div>{{parseDate(date) }}</div>  
    </template>

    import { groupArrayOfObjects, parseDate } from "@/assets/js/helper.js";
    export default {
        methods:{
          abc(){ groupArrayOfObjects(param1, param2);}
        }
    }

{{parseDate（date）}
从“@/assets/js/helper.js”导入{groupArrayOfObjects，parseDate}”；
导出默认值{
方法：{
abc（）{groupArrayOfObjects（param1，param2）；}
}
}

您不能在

模板中使用导入的函数，因为它们实际上不是组件的一部分。如果要使用这些导入的函数，需要将它们添加到组件
方法
对象中。与使用
groupArrayOfObjects
函数所做的操作类似

从“@/assets/js/helper.js”导入{groupArrayOfObjects，parseDate}”；
导出默认值{
方法：{
abc（）{groupArrayOfObjects（param1，param2）；}，
//要么包装你的函数
foo（date）{parseDate（date）}，
//或者直接添加它
日期，
}
}
您不能在
模板中使用导入的函数，因为它们实际上不是组件的一部分。如果要使用这些导入的函数，需要将它们添加到组件
方法
对象中。与使用
groupArrayOfObjects
函数所做的操作类似

从“@/assets/js/helper.js”导入{groupArrayOfObjects，parseDate}”；
导出默认值{
方法：{
abc（）{groupArrayOfObjects（param1，param2）；}，
//要么包装你的函数
foo（date）{parseDate（date）}，
//或者直接添加它
日期，
}
}
尝试在“方法”选项中扩展助手函数：

import * as helpers from "@/assets/js/helper.js";

export default {
  methods: {
    abc() { groupArrayOfObjects(param1, param2); },
    ...helpers
   
  }
}

在模板中：

 <template>
          <div>{{parseDate(date) }}</div>  
 </template>


{{parseDate（date）}
尝试在“方法”选项中扩展助手函数：

import * as helpers from "@/assets/js/helper.js";

export default {
  methods: {
    abc() { groupArrayOfObjects(param1, param2); },
    ...helpers
   
  }
}

在模板中：

 <template>
          <div>{{parseDate(date) }}</div>  
 </template>


{{parseDate（date）}