Vue 组件样式永远不会消失

Question

为什么 Vue Single File Component 附加到 header 的内联样式一旦挂载就永远保留在那里？即使组件被销毁，它的样式也不会消失。

一旦组件样式被销毁，我需要将组件样式从标题中删除

这是我的意思的示例：

Simple playground

1. Component1 已创建并将其样式附加到标题

1. Component2 被创建，Component1 被分别删除。第二个组件的样式附加到<header>，但第一个组件的样式也仍然存在

Answer 1

这是来自 vuejs 开发者的回答： https://github.com/vuejs/vue/issues/6218#issuecomment-318000174

基本上在生产环境中，您的所有样式都应使用css extraction 放置在一个静态文件中，以便更好地缩小和缓存 CSS。因此添加后不会删除任何样式。