什么是？

组件是可复用的 Vue 实例，且带有一个名字；有自己专有的数据，操作、样式....

声明组件

data必须是一个函数、并且返回一个对象；这样做是保持每个组件有单独一份data

Vue.component('button-count', {
 data() {
   return {
     count: 0,
  }
 },
 methods: {
   fn() {
     this.count++;
  }
 },
 template: '<button @click="fn">{{count}} button-count component</button>'
})

组件注册

全局注册 - 全局注册可以在任何Vue实例中使用

Vue.component('my-component-name', {
 // ... options ...
})

局部注册

....