1、 全局注册：

全局注册后，任何 Vue 实例都可以使用。示例如下：

Vue.component('my-component',{

// 内容

}）

2、局部注册

在 Vue 实例中，使用 components 选项可以局部注册组件，注册后的组件只有在该实例作用域下有效。组件中也可以使用 components 选项来注册组件，使组件可以嵌套。示例如下：

<div id="app">

    <my-component></my-component>

</div>

<script>

var Child = {

    template: "<div>局部注册组件的内容</div>"

}

var app = new Vue({

    el: "#app",

    components: {
        'my-component': Child

    }

})

</script>

问：为什么在使用 data 时，data 必须是函数，然后将数据 return 出去呢？

答：JavaScript 对象是引用关系，所以如果 return 出的对象引用了外部的一个对象，那这个对象就是共享的，任何一方修改都会同步。