说明

注册组件时，组件名 不能 与 html 标签同名，否则会报错

修改 App.vue，代码如下：

<template>
<!-- 模板 -->
  <div id="app">
    使用UserInfo 组件（成对标签）：
    <user-info></user-info>
    ------------------------------<br>
    ------------------------------<br>
    使用UserInfo 组件（单独一个标签）：
    <user-info/>
  </div>
</template>
<script>
//引入 UserInfo 组件
import UserInfo from './components/UserInfo'
export default {
  name: 'App',
  components: {
    'div':UserInfo //关键：组件名 与 div标签同名会报错
  }
}
</script>

错误

如下：

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

原文出处：/show_1IX2jHvbvGKy.html