vue 项目运行时，前一个组件的样式会保留在头部，而不会销毁？

Question

在运行vue项目的时候，在调试的过程中，发现当从A组件跳到B组件的时候，A的css样式保留在头部，并且当B再跳回A的时候，B的样式也保留着。

请问各位，这是什么原理，能不能每次只加载当前的css样式？

Answer 1

单页面应用 他样式加载之后不会重载的 scoped 这个style 属性作用是目前样式只作用与当前组件 他打包之后会在你class 或者 标签加所谓标记 1213 这样数字标记

Answer 2

因为它不能自己销毁已加载的样式，组件里的css标签加个scoped属性，就不会相互干扰了。
像这样。
<style scoped>
...
</style>

Answer 3

还有就是建议在后期把css文件放进单独的文件里。

Answer 4

可以写*.vue文件 次文件包含

<template>
  <div>
   
  </div>
</template>

<script>
 
</script>

<style>

</style>