Vue包装第三方组件

有个第三方组件Third-Component, 你想包装再利用，可以如下写：

例子

比如你常用UI组件库中的弹框组件Modal，每次调用时需将其width设为1000：

 // ...

你不想每次调用都写width="1000" ，因为可能以后需改为width=800，你希望width="1000" 只出现一次。
你可以创建一个新组件my-modal，组件内容如下:

以后你只需调用即可。在My-Modal中可以用Modal的全部props，事件监听和slot。

分析

v-bind="$attrs" 

传递所有的prop

v-on="$listeners"

传递所有的监听

遍历并写入所有的slot插槽