Vue - 实现任意内容展开 / 收起功能组件（支持自定义高度、动态展开与折叠、自定义展开与收起文案、动态增删数据自动计算高度、过渡动画等）

前言

网上大部分 内容展开 / 收起功能 组件都有一定程度上的小 BUG，并且代码非常臃肿难以使用，灵活度不高。

本文实现了一个该功能组件，具体功能请看标题，并完成了组件文档的编写（最底部），

您将以最简单的方式使用它，如下效果图所示：

组件代码

您直接在项目中创建一个组件，把下面的代码进行 一键复制，进行使用。

例如，在 components 文件夹下创建 collapse.vue 文件， 写入以下代码。

<template>
    <
1