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

vue在引入组件后报错
vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: avue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: a
原因:vue里面不允许用特殊的标签来做自定义的标签,包括路由里面的配置,也不能使用特殊的标签名。

解决方案:

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

解决方案可以自定义标签,使用起来较方便,还有一种方式是自定义指令directive

import Vue from 'vue'
Vue.directive("n",{
    bind:function(el,binding){
        el.textContent=binding.expression
    }
})

详细使用方式为以下链接:https://www.cnblogs.com/moqiutao/p/8334780.html(侵删)