Vue.js Vue组件未显示Vue js

这是我的标题。vue：

<template>
    <div>
        <h2>this is header h2</h2>
    </div>
</template>
<script>
export default {
  name: 'Header',
  data () {
    return {
      data: 'this is header'
    }
  }
}
</script>

这是标题h2
导出默认值{
名称：'标题'，
数据（）{
返回{
数据：“这是标题”
}
}
}

这是我的HelloWorld.vue：

<template>
  <div class="hello">
    <header/>

  </div>
</template>

<script>

import Header from './Header'  
export default {
  name: 'HelloWorld',
  //после того как импортировали компоент - вот здесь указываем его явно:
  components: {
      Header
    },
  data () {

    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

从“./头”导入头
导出默认值{
名称：“HelloWorld”，
//после того как импортировали компоент - вот здесь указываем его явно:
组成部分：{
标题
},
数据（）{
返回{
msg:'欢迎使用您的Vue.js应用程序'
}
}
}

这是我的文件夹结构：

---

但是标题组件没有显示-没有错误，只是没有显示。如果您这样定义组件，我该怎么办

components: {
  Header
},

在模板中这样调用它：

，使用大写字母

如果要使用烤肉串大小写，如：

，请按如下方式定义组件：

components: {
  Header
},

---

编辑
根据@MaxLyashuk注释，在这种情况下，Vue组件（）的命名约定不区分大小写

---

大写之所以有效，是因为

是html标记的保留字。

您的

main.js

中有什么？您有两个模板，但需要一个主页面，在主页面上告诉Vue继续进行并呈现自己（例如，

import HelloWorld from”/HelloWorld.Vue；新的Vue（{el:'#main'，render:h=>h（HelloWorld）}）

你能提供使用你的

App.vue

和

main.js

吗？没关系。你可以注册组件为

头

并使用as

头

或as

头

它会工作的！它的工作方式与html相同。html不区分大小写。将

头
头
传递到你的组件属性中，你可以在模板中使用它。它不显示的原因基本上是头标签是内置的。他应该将其组件重命名为其他组件，或者像其他组件一样为其添加前缀。