Html <；组件>；在vue中始终渲染换行符

每次我在我的主应用程序中插入标签，它总是呈现一个新行，它不能是内联的吗？我想实现这样的目标：

<p>This is a component :<component></component></p>
<!--worked with other html tags-->

当然，我可以插入前缀

这是一个组件：

作为组件中的道具，这样它就可以内联，至少用于显示，但我并不总是希望这样

我还想知道Vue在哪里存储组件的css模板。

---

感谢社区。

您的组件没有在新行上渲染。它是基于HTML的呈现规则进行呈现的。如果组件的根标记是块元素，则它将在下一行渲染。如果它是内联元素，那么它将内联呈现

console.clear（）
常量内联={
template:`这是内联的`
}
常量换行={
template:`这是一个新行`
}
新Vue({
el:“应用程序”，
组成部分：{
内联，
新线
}
})

这是一个内联组件：

这是一个块组件：

组件未在新行上渲染。它是基于HTML的呈现规则进行呈现的。如果组件的根标记是块元素，则它将在下一行渲染。如果它是内联元素，那么它将内联呈现

console.clear（）
常量内联={
template:`这是内联的`
}
常量换行={
template:`这是一个新行`
}
新Vue({
el:“应用程序”，
组成部分：{
内联，
新线
}
})

这是一个内联组件：

这是一个块组件：

你说的“where Vue store css模板”是什么意思？你说的“where Vue store css模板”是什么意思？谢谢，在我的例子中，我在electron应用程序中使用它，并且嵌套/混乱的css范围更为复杂。。呸。。在假设之前应该先把它隐藏起来。谢谢，在我的例子中，它更复杂了，因为我在electron应用程序中使用它，并且嵌套/混乱的css作用域。。呸。。在假设之前应该先把它隐藏起来。

This is a component :
component content