如何避免在VUE搭建手机商城时遇到常见坑，提升项目搭建心得？

本文共计1013个文字，预计阅读时间需要5分钟。

从GitHub上了解到，这个使用Vue制作的商城项目首次提交时间是2018年10月22日。至今已近4个月，我独立完成了这个项目。之前看到别人做的类似项目，感觉比较繁琐，想着自己动手试试。

从github上看了一下第一次提交时间是2018年10月22号。到现在将近4个月时间，总算是一点一滴的自己一个人完成了这个使用vue做的商城项目。以前看到别人做的这种项目就很羡慕，想着自己也做一个，曾经的憧憬如今总算实现了。一路做过来踩了不少坑，这篇文章就是分享我遇到的这些坑，希望前人爬坑，后人避免。

项目访问地址xuyuechao.top

vue单页模式需要注意的坑

1.class样式冲突问题

由于是单页面应用。你在每个组件里面写入的样式最终都会作用到全局里面去，导致样式冲突问题。而每个组件都必须提供一个包裹性质的元素，建议这个元素设置一个单独的class用于包裹里面的其他class从而避免样式冲突

2.静态资源俩种处理方式需要理解到位

这个在Vue官方文档上有详细的说明，但是我一开始没有理解到位。走了一些个弯路。