Javascript 如何将日期fns与Vue类组件一起使用?

Javascript 如何将日期fns与Vue类组件一起使用?,javascript,typescript,vue.js,vuejs2,date-fns,Javascript,Typescript,Vue.js,Vuejs2,Date Fns,Vue组件: <template> <div class="doc"> {{ format(2019-08-11T08:13:13.750007, 'DD/MM/YYYY') }} </div> </template> <script lang="ts"> import { Component, Vue } from 'vue-property-decorator' import format from 'date-f

Vue组件:

<template>
  <div class="doc">
    {{ format(2019-08-11T08:13:13.750007, 'DD/MM/YYYY') }}
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import format from 'date-fns/format'

@Component
export default class Document extends Vue {
  public format: string | number | Date = ''
}
</script>

{格式(2019-08-11T08:13:13.750007,'DD/MM/YYYY')}
从“Vue属性装饰器”导入{Component,Vue}
从“日期fns/格式”导入格式
@组成部分
导出默认类文档扩展Vue{
公共格式:字符串|数字|日期=“”
}
抛出错误:
呈现中的错误:“TypeError:\u vm.format不是函数”

我怀疑这是因为
格式
被认为是
文档
类属性,而不是
日期fns
中的方法。我该如何解决这个问题?在纯JavaScript中,它是开箱即用的。

format
声明为调用导入函数的类方法,而不是class属性:

从“Vue属性装饰器”导入{Component,Vue}
从“日期fns/格式”导入格式
@组成部分
导出默认类文档扩展Vue{
格式(日期:字符串|编号|日期,日期格式:字符串):字符串{
返回格式(日期、日期格式)
}
}

您已经用空值初始化了
格式
string@barbsan格式应该是什么?如何引用导入的
格式
公共格式
应从导入设置为
格式
,它是一个函数,而不是字符串|数字|日期。如果没有typescript,它将是
format:format
,因此
public format:{type for function}format
?事实上,我已经尝试过
public format:any:format
,它成功了,谢谢。顺便问一下,我该如何键入这个
格式的
函数?它只是占位符,我对typescript不太熟悉。您还可以查看,滚动至“更好的方式”。另外,您在
2019-08-11T08:13:13.750007周围缺少引号,看起来不错,使用它作为类属性有什么缺点吗?