vue中各组建class一样，跳转组建的时候上个组建的样式会遗留下来，怎么解决?

Question

如，我在跟路由中设置一个class=title，然后在home中也设置一个class=title，给根路由中设置title样式 。title{width:20px;height:20px;backgroud:red} 在home中样式为itle{width:30px;height:30px;}.但是这种在跟路由跳到home中，title的样式会加上background：red。请问这种怎么解决
已解

Answer 1

一个vue文件可以写多个<style></style>，如果在style加上socped代表本组件的样式，不污染全局。如果需要覆盖第三方组件样式，则不能加scoped，因此需要另写一个<style>.xxx-component{...}</style>，这里用一个大类包裹防止污染全局。接着，用比较笨的方法，就是打开f12检查究竟要覆盖哪些样式，然后写在没有加scoped的style里即可。