vue的组件使用方法

代码复用和抽象的主要形式是组件

注册一个组件：

Vue.component('my-component', {
  // 选项
})

组件在注册之后，便可以作为自定义元素 <my-component></my-component> 在一个实例的模板中使用。

<div id="example">
  <my-component></my-component>
</div>

// 注册
Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})

// 创建根实例
new Vue({
  el: '#example'
})