Vue 组件注册
我们先来看一下什么是组件：
Vue.js的组件就是提高重用性的，让代码可复用。
下面是一个Vue组件的示例，现在可以不用理解下面的代码：
<div id="app">
<hi></hi>
</div>
<script>
Vue.component("hi", {
data: function () {
return {
hello: "你好！"
}
},
template: "<div>{
{hello}}</div>"
});
var app = new Vue({
el: "#app",
})
</script>
<hi>就是自定义的标签，一个自定义的标签就是一个组件。最后<hi>标签会被替换为template中定义的模板内容。
渲染结果为：
<div id="app">
<div>你好！</div>
</div>
可以将组件进行任意次的复用：
<div id="app">
<hi></hi>
<hi></hi>
<hi></hi>
</div>
渲染结果为：
<div id="app">
<div>你好！</div>
<div>你好！</div>
<div>你好！</div>
</div>
了解组件的内容，先从组件的注册开始。
（1）组件的注册
组件需要注册之后才可以使用。有两种组件注册的方法：全局注册和局部注册。
1.全局注册
全局注册的组件在注册之后可以用在任何新建的Vue根实例的模板中，比如：
<div id="app">
<test1></test1>
<test2></test2>
<test3></test3>
<test4></test4>
</div>
<script>
Vue.component('test1', {
});
Vue.component('test2', {
});
Vue.component('test3', {
});
Vue.component('test4', {
});
var app = new Vue({
el: "#app",
})
</script>
这几个组件在各自内部也都可以相互使用。
2.局部注册
可以在Vue实例中使用components选项来注册局部组件，注册后的组件只有在该实例作用域下有效。
<div id="app">
<hello></hello>
</div>
<script&
