什么是自定义组件
比如一块布局或者模块可能要在许多地方使用，这个时候就需要封装一个组件
有两种做法，一种叫局部组件，一种叫全局组件
1，局部组件
components 自定义组件
注意：在局部使用自定义组件是components
在全局是Vue.component()
比如现在有两个vue实例，这个局部组件只可以在一个实例里面使用 不可以在第二个vue实例里面使用
每个组件都是一个小型的vue实例 它里面除了不能设置el选项，其他都可以
它里面的data不能是对象，必须是一个方法，由方法返回对象
props可以是个对象，能加一些限制
props是只读的，不能修改，要修改只能中转
this.$emit( ' ' )是触发一个自定义事件，
当组件里的元素在发生变化的时候，不使用this.$emit( ' ' )的话，页面上的数据是不会发生改变的，
这时就需要this.$emit( ' ' )来触发自定义事件，将上图文本框的属性值作为事件对象传给页面
$event是事件回发的对象
