vue-样式问题

问题：

今天在用vue开发单页面应用的时候，遇到一个问题，在A页面，直接刷新，页面的布局样式之类的是没有问题的，不过在B页面跳转到A页面，那么A页面有一些样式就不是预期的效果。

 

发现解决问题：

用调试工具查看样式，发现有些样式在A页面是没有定义的，是在B页面定义的，原来是B页面的样式，style 标签没有添加scoped，如果没有添加该属性，那么定义的样式就是全局样式，在别的页面都会有效，在B页面添加该属性，问题解决。

 

总结：

之所以出现这些问题，是由于写代码的时候，没有一个很好的规范，又或者代码规范是有的，不过后期有新员工入职，没有很好的工作交接，又或者来了一些新的前端开发，所以一个团队，必须要有统一的代码风格，对于一些公共的样式，组件，必须了解之后才去开发。