前端小米商城项目总结(2)

之后使用的是组件化开发

4.布局and开发

首页 —>页面的布局+基本数据的渲染 ,项目页面的头部和底部是贯穿全文的,主要用头部导航去进行页面切换,内容商品上用router.push去跳转,以及使用一些css3动画
前端小米商城项目总结(2)_第1张图片
登陆注册 —>这里用到的正则匹配

商品分类 —>使用导航数据和商品数据的获取渲染 ,难点,导航数据跟商品数据的同步切换,使用变量下边同步切换的形式
前端小米商城项目总结(2)_第2张图片
订单列表,我的收藏页面等等…… —>从接口拿出的数据根据路由传递过来的id拿到想要的数据进行渲染

购物车 —>使用到vuex,计算属性,监听
前端小米商城项目总结(2)_第3张图片
主要使用vue框架组件化开发,技术栈:proxy处理跨域,vuex,路由鉴权,API封装,时间格式化工具,全局自定义变量,注册全局组件……

项目最后进行代码优化,bug修改了,可以自行做一些基本的测试,防止后续测试提bug

你可能感兴趣的:(vue,vue)