component

今天要介绍的是component

在一个网页中我们常会看到header、Footer、侧边拦等等，在这里的每个区域都是一个component，而在侧边栏中又会有很多个子项目也就是所谓的child component，所以我们从图中的component tree可以知道每个子元件都是由parent延伸出来的

To use these components in templates, they must be registered so that Vue knows about them. There are two types of component registration: global and local.

从官网中的叙述可以知道，要使用每个component都必须要注册，因为他需要让Vue知道有这个组件的存在，而注册有分global和local两种类型，在今天的范例是使用global注册，也就是让大家都可以使用这个component，那我们要怎麽使用它呢?使用它的方法就是把在Vue.component传入的参数当做标签去让它使用，在这个范例中是注册component-count，而画面上看到的小时和分钟就是利用 component-count这个组件让它去做加减，所以component的好处就是他可以注册一次然後开很多个相同但是独立的模板让你使用

在命名的部分官网建议我们遵循W3C的规则，这是为了要避免和HTML发生冲突
而命名component的规则有以下两种选择:

1. kebab-case:这是把两个单字用「-」做连接
2. PascalCase:这是把每个字母的第一个字都大写

Demo
github