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>