vue注册组件--component

html代码：

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

JS代码：

// 注册
Vue.component('my-component', {
  template: '<div>嘟嘟嘟嘟!</div>'
})
var vm = new Vue({
  el: '#example',
  data: {
       
  } 
})

渲染结果为：

<div id="example">

<div>A custom component!</div>

</div>