如何更改vue框架生成的HTML

Question

我正在使用Vuesax vue组件。特别是选项卡组件。我想对其进行自定义，以便在某些选项卡之间将它们分组。以前，这是通过在div上调用onLoad函数，然后使用以下代码直接注入HTML来完成的

var b = document.querySelectorAll("li.vs-tabs--li");
b[2].insertAdjacentHTML('afterend', '<hr style="margin: 10px;" />');
b[4].insertAdjacentHTML('afterend', '<hr style="margin: 10px;" />');

但这似乎不是最好的方法。我还能怎么做到呢？