两个vue.component并存

在您的html代码中，两个vue组件和无法同时加载，只有一个可以看到。这是因为它们都被定义为自闭合标签。自闭合标签在html中通常用于不包含内容的元素，如和
。

Vue

避免 Vue 常见错误——响应式陷阱、ref 与 reactive 区别、计算属性时机及 Composition API 陷阱。

下载

要解决此问题，需要将和改成和，即去掉自闭合标签。修改后的html代码如下：

<div class="content">
    <header-bar></header-bar><nav-bar></nav-bar>
</div>

这样两个组件就可以并存加载了。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！