组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：
注册一个全局组件语法格式如下例子：
<div id="app"> <runoob></runoob> </div>
<script>
// 注册
Vue.component('runoob', { template: '<h1>自定义组件!</h1>' })
// 创建根实例
new Vue({ el: '#app' })
</script>
局部组件
<div id="app"> <runoob></runoob> </div>
<script>
var Child = { template: '<h1>自定义组件!</h1>' }
// 创建根实例
new Vue({ el: '#app', components: { // <runoob> 将只在父模板可用 'runoob': Child } })
</script>