Vue.js 组件

组件（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>