vue组件

标签（空格分隔）： vue

组件可以扩展HTML元素，封装可重用代码。

注册

组件的注册有两种：

• 全局注册
  使用Vue.component(tagName, options)注册全局组件

<div id="example">
  <my-component></my-component>
</div>
//-----------------------------------
// 注册
Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})
// 创建根实例
new Vue({
  el: '#example'
})

渲染为：

<div id="example">
  <div>A custom component!</div>
</div>

• 局部注册
  通过使用组件实例选项注册，可以使组件仅在另一个组件的作用域中可用。