Vue组件样式永不消失

时间:2019-01-17 10:59:50

标签: css vue.js vuejs2 vue-component

为什么Vue Single File Component内联样式一旦安装后就会附加到header上,直到永远存在?即使组件被销毁,其样式也永远不会消失。

我需要组件样式以将其从头文件中删除

以下是我的意思示例:

Simple playground

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

enter image description here

  1. Component2已创建,Component1被分别删除。第二个组件中的样式追加到<header>,但第一个组件中的样式仍然存在 enter image description here

1 个答案:

答案 0 :(得分:2)

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

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