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