拓展HTMl元素，封装可重用的代码。

  1. Vue.component(tagName, options)
  2. <tagName></tagName>

全局组件

所有实例都可以使用全局组件

  1. <body>
  2. <div id="app">
  3.     <runoob></runoob>
  4. </div>
  6. <script>
  7. // 注册
  8. Vue.component('runoob', {
  9.   template: '<h1>自定义组件!</h1>'
  10. })
  11. // 创建根实例
  12. new Vue({
  13.   el: '#app'
  14. })
  15. </script>
  16. </body>

局部组件