vue打包部署时页面布局混乱

vue打包部署样式混乱

• 问题分析：样式混乱最根本的原因就是样式冲突。
  • 样式冲突是如何产生的？
  • 由于一个页面由多个.vue文件组成，后每个.vue文件都有style，所以就导致冲突了
• 解决方案：检查每个.vue文件的style，是否加入scoped，不管有没有用该.vue，style都必须加上scoped，样式就不会冲突了，scoped就是让该样式在该组件生效。