Vue组件样式永远不会消失

xqnpmsa8 于 2022-12-30 发布在 Vue.js

关注(0)|答案(1)|浏览(166)

为什么Vue Single File Component内联样式一旦被挂载就被追加到header中，并且永远保留在那里？即使组件被销毁，它的样式也不会消失。
我需要组件样式从标题中删除，一旦它被销毁

下面是我的例子：

Simple playground
1.将创建Component1，并将其中的样式附加到标题

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

1条答案

下面是vuejs开发人员的回答：https://github.com/vuejs/vue/issues/6218#issuecomment-318000174
基本上，在生产环境中，所有的样式都应该放在一个静态文件中，使用css提取，以获得更好的CSS缩小和缓存。因此，添加后不会删除样式。