vue组件

vue组件

标签（空格分隔）： vue

---

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

注册

组件的注册有两种：

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

  

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

渲染为：

  
A custom component!

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