vue3.0 CLI - 2.6 - 组件的复用入门教程

本文是关于 Vue 3.0 CLI 中组件复用的介绍，对于想要了解 Vue 组件开发的朋友来说，具有一定的参考意义。

文章以一个基础导航组件为例，介绍了如何定义一个可复用的组件。该组件位于 `ponents` 目录下的 `Base` 目录下，文件名为 `TopNav.vue`。这个组件可以显示文字，并具有单击的交互方式。

接着，文章展示了如何在 `About.vue` 中引入这个新组件，并进行了局部注册。这里通过 props 属性传递了标题内容，实现了组件的复用。

然后，文章进一步解释了全局注册和局部注册的区别，并介绍了如何将组件变为全局组件。在 main.js 文件中进行 import，然后通过 Vue.ponent() 函数进行全局注册。需要注意的是，全局注册必须在根组件实例化之前定义。

整体来说，文章的内容生动、条理清晰，通过具体的实例详细介绍了 Vue 组件的复用、局部注册和全局注册。这对于初学者来说，非常具有指导意义。

文章还强调了 git 版本控制的重要性，在开发过程中，通过 git push 将代码推送到远程仓库，可以方便地管理代码的版本，并方便团队成员之间的协作。

关于 About.vue 中 TopNav.vue 的移除

在 About.vue 模板中，原先引入了 TopNav.vue。现在，我们决定移除这个引入，让页面更加简洁。

模板部分如下：

```html

```

脚本部分稍作调整：

```javascript

```