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

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

全局组件

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

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

局部组件