Javascript 渲染Vue组件内部的外部元素

我有一个外部div，需要在Vue应用程序中渲染。我试着使用一个插槽，就像但那是一个不可能的，因为什么都没有

有什么想法吗

我们的目标是让HTML像这样（Vue装载在

#app

上）：

标题在这里

然后是Vue组件

---

插槽主要与可重用的Vue组件一起使用，以便父组件可以在子组件的指定部分中呈现自定义内容。根组件没有父组件，因此为此使用插槽没有意义

为什么不能在模板中硬编码div？或者你需要它是动态的；在某些情况下，您会交换标题内容吗？请提供更多关于您的用例是什么的信息，否则我的回答是“只是硬编码”

---

看一看。它允许子组件在DOM中的任何位置呈现模板。这可能适用于您的情况。

您可以使用动态

并将

#header

元素作为参考

比如说

newvue({
数据：（）=>({
校长组成：{
模板：'#头'//通过选择器引用模板元素
}
}),
}).$mount（“#应用程序”）

#app:before，#header:before{位置：绝对；top:0；right:0；颜色：rgba（1,1,1,5）；字体大小：.8rem}app{边框：1px实心#666；位置：相对}app:before{内容：'Vue app'}标题{位置：相对；不透明度：.5}标题：before内容：'Original header'

这里呈现的动态组件是的，它将是来自CMS页面的动态内容，在Vue组件之外。