Стили компонентов Vue никогда не исчезают

Question

Почему Vue Single File Component встроенные стили, которые добавляются к header после монтирования, остаются там навсегда? Даже когда компонент уничтожен, стили от него никогда не исчезают.

Мне нужны стили компонентов, которые удаляются из заголовка после его уничтожения

Вот пример того, что я имею в виду:

Простая игровая площадка

1. Component1 создан и стили из него добавляются в заголовок

2. Component2 создано, Component1 удалено соответственно. Стили из второго компонента добавляются к <header>, но стили из первого компонента все еще там.

Answer 1

Вот ответ от разработчика vuejs: https://github.com/vuejs/vue/issues/6218#issuecomment-318000174

В основном в производственной среде все ваши стили должны быть помещены в один статический файл, используя css extract для лучшей минимизации CSS и кэширования. Поэтому стили не удаляются после добавления.