基本示例：

定义组件：

var compoent1 = {
  data: function() {
    return {
     count: 0
    }
  },
  template: '<button v-on:click="count++">点击了{{ count }} 次.</button>'
}

全局注册：

<div id="app">
   <button-counter></button-counter>
</div>
<script>
  var compoent1 = {
    data: function() {
     return {
       count: 0
     }
    },
    template: '<button v-on:click="count++">点击了{{ count }} 次.</button>'
  }
  Vue.component("button-counter", compoent1);
  var vm = new Vue({
    el: "#app"
  });
</script>

组件命名要求：

1.PascalCase 帕斯卡命名|大驼峰|

2.kebab-case 短横线隔开