什么是组件？

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。
注册全局组件

Vue.component('my-component',{
    props:["myMessage",'text','isComplete'],
    template:"<div>A custom component!<br/>{{todo2.age}}-{{todo2.name}}</div>",
    data:function(){
        return {todo2:{name:"wo",age:23}}
    }
});
new Vue({
  el:"#id",
})

注册局部组件

var jubu = {
    template:'<div>A custom component!2222</div>'
};
new Vue({
  el:"#id",
  component:{"my-component":jubu},
  data:{}
})