为什么我的 Vue 组件自动命名无效？

Question

我有一个刚刚转换为 class 语法的 Vue 组件。我已经对项目中的其他三个组件完成了此操作，没有任何问题。我的组件在将其减少为有问题的代码且没有任何问题后看起来像这样：

<template>
  <v-container>
    blah
  </v-container>
</template>

<script>
import { Vue, Component } from 'vue-property-decorator'
@Component({
})
export default class extends Vue {
}
</script>

我在浏览器控制台中动态收到此错误消息。

[Vue warn]: Invalid component name: "_class2". Component names should conform to valid custom element name in html5 specification.

我显然没有在这里命名任何东西_class2。 Vue 一定已经为我做到了。为什么名称无效？如何选择有效名称？

Answer 1

class 需要一个名称。

export default class Foo extends Vue {

显然，如果您不这样做，它会工作得很好，但随机给它起一个很可能不起作用的名称。这是构建在 Javascript 之上的框架的情况，并且无法在程序员编写代码的级别上报告错误，而是在生成的 Javascript 级别上报告错误。

为什么我的 Vue 组件自动命名无效？

Why is my Vue component automatically named invalidly?

vue.js

vue-component

vue-property-decorator