vue自定义组件扩展方法

1.在vue自定义的组件中，有时需要扩展方法

案例：

自定义的table中绑定有on-select方法获取勾选中的数据 _onSelect方法，获取选中项 组件的getSelection方法获取单行或者多行数据 select-table中也有on-select方法

但是select中没有getSelection方法，如果直接调用select-table的getSelection方法会提示没有这个方法的错误

定义了select-table组件的引用
在触发的onSelect方法中调用getSelection方法
提示这个select-table组件中没有这个getSelection方法

我们想在select-table中加上这个方法
下图可以看到，select-table组件中含有table组件

select-table含有table组件

我们在select-table中定义一个getSelection方法，在这个方法中调用table组件的getSelection方法即可

调用table的getSelection方法

注意：同时将我们外部传入的属性值传递到select-table组件中，再由select-table组件传递给table组件

组件中引入了select-table组件，给multiple属性传递了值 select-table的multiple多选属性，获取外部传入的值
select-table的multiple属性被传入的值赋值为true 传递属性给table组件
table组件的selectMultiple属性 table组件根据是多选还是单选来确定返回数组还是对象1
table组件根据是多选还是单选来确定返回数组还是对象2

额外扩展，平时我们都是在组件中注册其它组件方便引入，其实也可以在main.js中引入组件

平常我们在组件中注册子组件引入 main.js中直接注册了所有的自定义组件 cl文件夹中是自定义的组件