vue项目，本地运行和build打包后样式不同

起因：

最近在打包项目上传到服务器时，总是会出现奇奇怪怪的样式，譬如： 我本地用el-menu做的二级菜单分类，在本地可以正常显示，打包上传至服务器出现异常，如下图：

本地正常显示：

打包后异常显示：

解决方案：
查看通过控制台查看本地渲染后的样式和服务器渲染后的样式，发现之前其他文件中的el-menu的样式是全局更改的，覆盖了我当前文件的样式，
解决方法： 给造成全局污染的那个文件加scoped,让改样式只在当前页面有效。

此问题的出现，提醒自己写样式的时候，要避免影响其他页面的css,否则会出现好多想不到的问题。