vue.js - VueJS - 函数的结果作为 Prop 的默认值

Question

将 VueJS 与类组件一起使用，vue-property-decorator我正在尝试编写一个带有uuidProp 的 Vue 组件，该组件在未提供时默认为新的 uuid（使用 npm 包uuid）：

import {Component, Prop, Vue} from 'vue-property-decorator';
import * as uuid from 'uuid';

@Component
export default class BlockComponent extends Vue {
  @Prop({default: uuid.v1()}) uuid!: string;
}

因此，当实例化时给出服务器提供的 uuid 时，它会在前端使用，如果不是，则意味着它是一个新元素，应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid（但不是全部）。

Answer 1

根据文档，您可以使用构造函数，因此可以传递函数。

@Prop(options: (PropOptions | Constructor[] | Constructor) = {})