Vue中的组件中引用组件怎么写

Question

本人接触vue不久，我想问下在VUE父组件引入子组件怎么不生效啊
App.vue 父组件

<template>
  <div id="app">
    <Header></Header>
    <router-view/>
  </div></template><script>import Header from './components/header.vue'export default {  name: 'App',  component:{
    Header
  }
}</script>

header.vue 子组件

<template>
  <el-header>{{title}}</el-header></template><script>export default {  name: 'header',
  data(){    title:"标题"
  }
}</script>

也没用报错,只是haeder没有显示出来，是哪里写错了吗

Answer 1

data () {    return {      title: '标题'     }   }没报错是因为你没装eslint检查代码风格

Answer 2

换个名字，不要用header，vue以为你用的是html标准里的header