如何用Vue实现抽象组件的编写技巧？

本文共计607个文字，预计阅读时间需要3分钟。

通过阅读Vue源码，我们可以了解到，keep-alive、transition、transition-group等组件的实现其实是一个对象，它有一个属性abstract为true，这表明它是一个抽象组件。Vue文档中没有明确提及这一概念。

看过 Vue 源码的同学可以知道，<keep-alive>、<transition>、<transition-group>等组件

组件的实现是一个对象，注意它有一个属性 abstract 为 true，表明是它一个抽象组件。

Vue 的文档没有提这个概念，在抽象组件的生命周期过程中，我们可以对包裹的子组件监听的事件进行拦截，也可以对子组件进行 Dom 操作，从而可以对我们需要的功能进行封装，而不需要关心子组件的具体实现。