VueFrameJD
介绍
Vue实现仿京东单页面项目,功能实现:购物车,单点登录验证,个人资料,收藏,收货地址,绑定手机,修改密码,订单的状态,登录,注册,筛选订单,整体项目采用组件化的形式以及异步数据流的方式来开发以及使用各种插件库,vant居多,进行了axiso的封装,以及拦截器,整体进行了性能优化,比如:组件懒加载以及路由懒加载,白屏的问题,兼容http以及https协议,内存泄漏等
软件架构
api是所有的接口文件
assets是静态组件,重用的组件以及样式都放到了这里,特别提示:conf文件夹下的config是对接口的路径地址做了特殊处理,就是把路径的通用部分给提出来存储到一个变量中,这样的好处就是日后需求变了,有大变动的路径的时候,可以直接单独修改变量中的路径即可,就不需要每一个去改变了。.env .env.development .env.production 这3个文件就是把路径共同的部分提取了出来. utils:分别是asixo拦截器,以及asixo封装,以及图片懒加载和单点登录的验证。
components:是通用的组件
pages:是每一个页面以及功能的实现
store:是每一个页面所对应的vuex管理以及组件功能的实现以及调用
vue.config.js:是配置Vue3.0的配置