这种问题一般是因为你在多个vue组件中定义使用了相同的类名

那为什么 npm run dev 不会被影响呢？

因为 npm run dev 是将组件的css打包到了js中，而 npm run build时一般会用 extract-text-webpack-plugin这样的插件将所有的css提取到单独的css文件中，这样同类名的样式就会有覆盖的情况。

解决方案：

1.浏览器调试，找到互相影响的类名样式，修改唯一类名

2.建议使用less，组件样式使用less写成层级嵌套，保持最外层类名不一样最好