vue 版本与具名插槽的问题

[yubaoquan]

背景:

1. A 工程打包出来给 B 工程用
2. A 工程的 vue 版本是 2.6.14, B 工程的 vue 版本是 2.6.11
3. A 工程中有一个组件使用的具名插槽, 并且该插槽有默认内容
4. A 工程中使用该组件的组件没有传插槽内容, 即使用了插槽的默认内容

现象:
打包出来后, 在 B 工程中具名插槽的默认内容渲染不出来

原因:
vue 高版本中插槽渲的染函数对入参进行了判断, 如果是函数, 则执行函数; 而低版本中只默认入参是 VNode, 因此 A 工程中插槽默认内容打包出的结果是函数, 在低版本中识别不了, 因此没有渲染出来;

参考:
Vue slot 默认内容