Templates 对.vue扩展感到困惑-“；未知的自定义元素：<；topmenu>&引用；

我试着开始使用electron vue样板。设置项目后，一切正常，但当我创建一个新的.vue文件（TopMenu.vue）时，我得到：

vue.common.js？4eb4:2569[vue warn]：未知自定义元素：-
您是否正确注册了该组件？对于递归组件，使
确保提供“name”选项。（在组件中找到）

我使用与样板文件附带的原始.vue文件完全相同的语法：

LandingPageVue.vue：

<style scoped>
  img {
    margin-top: -25px;
    width: 450px;
  }
</style>

<template>
  <div>
    <!-- <img src="./LandingPageView/assets/logo.png" alt="electron-vue"> -->
    <h1>Welcome.</h1>
    <topmenu></topmenu>
    <current-page></current-page>
    <versions></versions>
    <links></links>

    <div class="container">

    </div>
</template>


<script>
  import TopMenu from './LandingPageView/TopMenu'
  import CurrentPage from './LandingPageView/CurrentPage'
  import Links from './LandingPageView/Links'
  import Versions from './LandingPageView/Versions'

  export default {
    components: {
      TopMenu,
      CurrentPage,
      Links,
      Versions
    },
    name: 'landing-page'
  }
</script>

img{
利润上限：-25px；
宽度：450px；
}
欢迎
从“/LandingPageView/TopMenu”导入TopMenu
从“/LandingPageView/CurrentPage”导入当前页面
从“/LandingPageView/Links”导入链接
从“/LandingPageView/Versions”导入版本
导出默认值{
组成部分：{
顶部菜单，
当前页，
链接，
版本
},
名称：'登录页'
}

TopMenu.vue（我的文件）：

顶部菜单

顺便问一下，如果在下面声明它不带“—”破折号，那么黑客是如何工作的呢？

---

它不起作用，因为您没有导出vue文件中的任何内容

在TopMenu.vue文件中尝试以下操作：

<template>
  <p>
    TOPMENU
  </p>
</template>

<script>
    export default {
    }
</script>

顶部菜单

导出默认值{
}

同时将html

更改为

对于第二个问题，HTML不区分大小写，因此标题大小写组件与HTML标记不匹配。因此，Vue将标题格组件转换为“破折号格”。 从文档本身可以看出以下原因：

请注意，Vue不强制W3C规则用于自定义标记名（所有小写，必须包含连字符），尽管遵循此约定被视为良好做法

---

您可以从

中阅读更多内容，因为您没有导出vue文件中的任何内容，所以它不起作用

在TopMenu.vue文件中尝试以下操作：

<template>
  <p>
    TOPMENU
  </p>
</template>

<script>
    export default {
    }
</script>

顶部菜单

导出默认值{
}

同时将html

更改为

对于第二个问题，HTML不区分大小写，因此标题大小写组件与HTML标记不匹配。因此，Vue将标题格组件转换为“破折号格”。 从文档本身可以看出以下原因：

请注意，Vue不强制W3C规则用于自定义标记名（所有小写，必须包含连字符），尽管遵循此约定被视为良好做法

---

您可以从添加的、重新启动的、错误仍然存在的

中阅读更多内容。我已经检查了CurrentPage.vue，它不包含所提到的脚本，可以正常工作。请尝试将您的html

更改为

Jeezz，它可以正常工作！我在文档中查找了数小时…：（（但是在哪里提到了这些约定）？请按照我编辑的答案中的链接进行操作。我也会用正确的答案再次编辑。很高兴我能提供帮助！我刚刚看到了更改，谢谢！你是我的救世主！）添加，重新启动，错误仍然存在。我已检查CurrentPage.vue，它不包含所提到的脚本，并且可以正常工作。请尝试将您的html

更改为

Jeezz，它可以正常工作！我在文档中查找了数小时…：（（但在哪里提到了这些约定）？按照我编辑过的答案中的链接进行操作。我还会用正确的答案再次编辑。很高兴我能提供帮助！我刚刚看到了这些变化，谢谢！你是我的救世主！：）

<template>
  <p>
    TOPMENU
  </p>
</template>

<script>
    export default {
    }
</script>