css - Vue 组件样式永不消失

Question

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

我需要组件样式在 header 被销毁后从 header 中移除

这是我的意思的例子:

Simple playground

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

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

Answer 1

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

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