vue component

1.入门

  

// register 全局
Vue.component('my-component', {
  template: '
A custom component!
'
})
// create a root instance
new Vue({
  el: '#example'
})

结果

     
A custom component!

局部组件

var Child = {
  template: '
A custom component!
'
}
new Vue({
  // ...
  components: {
    //  will only be available in parent's template
    'my-component': Child
  }
})

2.陷阱

, 
,  and 
会有问题，会报错。应该用is

以下三种不起作用
（1） Vue.component('hello-world', { template: '#hello-world-template' })