vue 如何在某个元素下追加元素

整体是分两块的，我怎么让下面的那块添加到上面那块的中间？
（上面那块是底层组件没法直接将下面的写在上面的中间）

你是想实现把另一个组件显示到另一个组件中间是吧。

如果按你这个思路，会特别麻烦，你得操作dom，插入元素。

最好是，修改那个底层组件，加个slot插槽，然后就能把其他组件放进去了
或者修改底层组件样式，中间留出空白，把组件定位到那里

如有帮助，麻烦点个[采纳此答案]谢谢^O^

其实就是数组中去添加元素，然后通过遍历数组生成dom

数据驱动视图：
将整体的两块视为obj1，和obj2
需求就变成：obj2写到obj1里，
又因为obj1所在为组件，那就得看是否提供了slot类似的能力

你现在可以变动上面那块代码么？
如果可以变动的话 可以尝试在指定位置加一个slot 设置一下name

将下面那个组件写在slot当中即可，但是如果变动不了的话，就可能不太好实现了

底层组件的遍历数据由外层传入，添加的时候增加数据

数据驱动啊 ，你在 这个数组 里 这个位置加一个对象就行 。vue理念 数据 驱动，数据一变试图就变了啊