vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告

情况1.是因为组件命名和引入不一致造成的。

• 命名组件(nav)

export  default {
  name: 'nav',
  data () {
    return {

    }
  }

• 引入组件(Navigation)

import Mnav from './common/Navigation'

改成一致后可解决该问题。

• 命名组件(Navigation)

export  default {
  name: 'Navigation',
  data () {
    return {

    }
  }

情况2.两个大写英文单词书写

• 引入时的命名（TestPage）

 import TestPage from './Details/testPage'

• 使用时

<template>
  <div class="detail">
    <testpage></testpage>
  </div>
</template>

改成使用时标签 test-page 即可

<template>
  <div class="detail">
    <test-page></test-page>
  </div>
</template>