vue,两个界面都有这个名字的样式,但是样式里面的内容不一样,A界面切换到B界面时,A界面的样式就变成B界面同样名字的样式了,这种情况怎么可以避免?

vue,两个界面都有这个名字的样式,但是样式里面的内容不一样,A界面切换到B界面时,A界面的样式就变成B界面同样名字的样式了,这种情况怎么可以避免? 改成不同的样式名字是可以避免,但是不知道出现这种问题的原理。

为每个vue文件的style标签里添加 scoped 就可以了,因为vue是单页面性质,所以不管你怎么跳转,其实都是同一个页面显示不一样的内容,但是各个组件中的css样式是会冲突的,添加 scoped 的目的就是为了阻止当前组件的样式外漏的

css scope