Vue 中的自定义组件

被 Vue 所管理的标签可以认为是 vue 的组件。而在项目开发过程中，经常会遇到一些需要复用的标签结构以及相

应样式、脚本功能。 vue 提供了自定义组件的语法，可以让开发者将一些需要重复使用的页面结构、样式、功能

组织在一起，作为一个整体存在在项目中。这样，如果需要使用这个组件时，直接引用该组件即可。例如：

<template>
<div>
<person src="路径1" name="名字1"></person>
<person src="路径2" name="名字2"></person>
</div>
</template>

如何设计并实现一个自定义组件？

目标：设计一个子组件 Counter.vue ，在子组件的内部提供一套UI，模仿计数器的功能

如果实现了这个 Counter.vue ，以后如果想在页面中添加计数器时，就可以直接使用该组件

<div>
<counter>&