无渲染Vue组件

无渲染组件是指不渲染任何内容的组件。那么为什么我们需要不渲染任何内容的组件？ 我们可以这样理解无渲染组件：为一个组件创建通用功能抽象，然后通过扩展这个组件来创建更好更健壮的组件，或者说，遵循 S.O.L.I.D 原则。

• 单一责任原则 一个类应该只有一个用途。
• 开放封闭原则 类或组件应该为扩展而开放，为修改而封闭，意即 你应该扩展它，而不是直接修改组件的源代码

本示例展示如何使用 render函数、scopedSlots构建一个无渲染 Vue组件