vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: header

一、Vue在引入组件后无法显示组件内容且报错如下：

[Vue warn]: Do not use built-in or reserved HTML elements as component id: header

二、原因是vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制

三、解决方案

在component里面注册组件的时候避免用html已有的标签来接收组件；

eg:避免

import header from '@/components/header/header';
export default{
  components: {
    'header': header
  }
};

应该：

import header from '@/components/header/header';
export default{
  components: {
    'v-header': header
  }
};