Vue自定义组件

什么是自定义组件

比如一块布局或者模块可能要在许多地方使用，这个时候就需要封装一个组件

有两种做法，一种叫局部组件，一种叫全局组件

1，局部组件

components  自定义组件

注意：在局部使用自定义组件是components

在全局是Vue.component()

比如现在有两个vue实例，这个局部组件只可以在一个实例里面使用   不可以在第二个vue实例里面使用

每个组件都是一个小型的vue实例 它里面除了不能设置el选项，其他都可以

它里面的data不能是对象，必须是一个方法，由方法返回对象

props可以是个对象，能加一些限制

props是只读的，不能修改，要修改只能中转

this.$emit( '   ' )是触发一个自定义事件，

当组件里的元素在发生变化的时候，不使用this.$emit( '   ' )的话，页面上的数据是不会发生改变的，

这时就需要this.$emit( '   ' )来触发自定义事件，将上图文本框的属性值作为事件对象传给页面

$event是事件回发的对象