vuejs--component组件

当不同页面具有相同的板块，抽取出来一个组件，就是组件

Component命名规则

官方建议每个Component的命名都使用小写字母+横线的形式。例如：

Vue.component('my-component-name', { /* ... */ })

这个是符合W3C规范的。也可以定义为：

Vue.component('MyComponentName', { /* ... */ })

可以使用<MyComponentName/>调用，也可以使用 <my-component-name/>调用。不能使用下划线。

在原生Vue.js中创建component的过程非常简单，可以看出，该component定义了一个 data 代码段，其中有一个count变量，然后定义一个 template段落即可。点击即可看到数据在变化

实际项目中很多时候，一个Component中嵌套着另一个，这个component再嵌套另外5个，如果出现this.$emit就更加复杂