时间戳

首页 > 解决方案 > 为什么我的 Vue 组件自动命名无效？

vue.js - 为什么我的 Vue 组件自动命名无效？

问题描述

我有一个刚刚转换为类语法的 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 一定为我做到了。为什么名称无效？我如何选择一个有效的名字？

标签： vue.jsvue-componentvue-property-decorator

解决方案

该类需要有一个名称。

export default class Foo extends Vue {

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

推荐阅读