Vue2项目
文章平均质量分 97
尚品汇
DantinZhang
学习只是一种习惯
展开
-
电商前台项目(六)完结撒花:完成注册登录功能、路由守卫
2、如果在app写,那么派发请求是在登录前,还没有token呢就请求不到数据,只有登录之后刷新页面(已经有token)才能请求到(刷新页面app肯定第一个挂载)首先把登录注册的静态页面搞过来,然后实现验证码部分,这里就是单纯的模拟一下,输入手机号,发送请求获取一个验证码,然后直接展示在文本框里,比较简单,就不多说了。后面的支付部分我简单看了一下,比较简单,就是请求数据展示数据,elementUI展示收款二维码,收款反复发请求直到付款成功等,没有什么难点,就不做了。请求数据后,服务端会返回一个字段,名字叫。原创 2023-02-04 15:30:38 · 1672 阅读 · 0 评论 -
电商前台项目(五):完成加入购物车功能和购物车页面
这里要注意,这个项目的接口给的都是params参数,而使用axios发请求,params参数只能拼接在url地址中,而query参数的配置项叫params,很奇怪。3、如果不写返回值,且await后是失败的Promise,那么就会抛出异常,既然抛出异常,那么async函数返回的就是一个失败的Promise。中遍历购物车数据并派发请求,(当然其实在组件中写也一样,就是这样规范点),用try-catch捕获,如果都请求成功,那么就使用。4、如果不写返回值,且await后是成功的Promise,那么就会返回。原创 2023-01-30 21:42:27 · 4535 阅读 · 1 评论 -
Vue2电商前台项目(四):完成Detail详情页模块业务
请求数据是异步操作,所以`getters`中的数据`skuInfo`没有读到的话,会先返回空对象,然后去读取空对象身上的属性,肯定会报错,但是后边数据请求回来了,又会重新渲染重新响应,所以页面显示正常,但是控制台会先报一个错,解决办法还是加个`逻辑或`把它置空一下子 `|| []`原创 2022-09-21 21:54:19 · 2129 阅读 · 3 评论 -
Vue2电商前台项目(三):完成Search搜索模块业务
当用户点击搜索或三级联动的时候,需要根据关键字再发一次请求来获取相应的数据,而我们派发`action`请求数据的操作是放在Search`mounted`挂载函数里面的,而我们在`Search`页再点搜索或三级联动时,mounted不会再执行了.原创 2022-09-17 10:24:24 · 3275 阅读 · 5 评论 -
Vue2电商前台项目(二):完成Home首页模块业务
1、actions执行的时候,要通过api里面的接口函数调用,向服务器发请求,获取服务器的数据,需要把之前的api引入进来,在这里发请求就是要调用这个reqCategoryList函数,如果请求成功(code===200),那么把数据交给mutations进行处理。防抖:前面的所有的触发都被取消,最后一次执行在规定的事件之后才会触发,也就是说如果连续的快速触发,只会执行一次 ----------------------当事件被触发后,延迟 n 秒后再执行回调,返回的是一个函数。原创 2022-09-09 22:11:12 · 8999 阅读 · 7 评论 -
Vue2电商前台项目(一):项目前的初始化及搭建
文件夹:放置项目的依赖public文件夹:一般放置的是静态资源(图片),需要注意:放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动打包到dist文件夹中,不会当做一个模块打包到 JS 里面src文件夹 —assets文件夹:一般放置的是静态资源(一般放置多个组件公用的的静态资源),需要注意:放置在assets文件夹里面的资源,webpack打包的时候,会把静态资源当做一个模块,打包到JS文件里面 —components文件夹:一般放置的是非路由组件(全局组件)原创 2022-09-07 14:16:12 · 3965 阅读 · 2 评论