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

vue打包部署样式混乱

• 问题分析：样式混乱最根本的原因就是样式冲突。
  • 样式冲突是如何产生的？
  • 由于一个页面由多个.vue文件组成，后每个.vue文件都有style，所以就导致冲突了
• 解决方案：检查每个.vue文件的style，是否加入scoped，不管有没有用该.vue，style都必须加上scoped，样式就不会冲突了。
  • scoped是实现样式的私有化，使样式不容易被覆盖，不容易被修改，只对当前页面有效。