最新版本vue3+vite重构尚品汇(解决接口问题)第1-20集

本来想弄微信小程序的,但是注册小程序要花300块钱,我自学编程这么久,还没赚到1分钱呢。所以还是白嫖起手,从尚品汇弄起,弄完自己做一个实际的电商平台项目,把所有流程走一遍,到时候拿着自己的项目(部署到实际网站上,去申请下免费服务器和免费域名)。
第1集:流水账介绍,忽略不计。
第2集:vue2今年年底要被废弃,我们直奔vue3,本来想用webpack的,但一想vue2的悲惨命运,还是继续vite起手,至于sass和less还是用less吧,之前硅谷外卖我们已经从零开始搭建了,现在我们直接用现成的,yarn create ,之后按提示输入项目名,yarn安装依赖,yarn dev启动开发服务器,也可以按视频说的看看目录结构,babel用于将es6转为es5语法,还有其它依赖后面需要我们再安装。
第6集:前面几集的doc忘了保存了,遇到小问题评论区我会回复。这一集yarn add vue-router即可。像这种打包后也需要的就不要加-s了,这一集里面对项目的搭建值得学习,pages文件夹放路由组件,components里面放公有组件,router里面放路由配置文件, 这里有个概念,这里可以根据自己的要求改文件名,还有一个知识点,就是vue3重定向写法变了。
在这里插入图片描述

然后是编程式导航和声明式导航的概念。
第7集:这一集构思过程也和重要。
第8集:路由跳转的方式,声明式router-link(要有to属性),编程式导航利用$router.push|replace方法(可以书写一些自己的业务)。传参:params参数:属于路径当中的一部分,在配置路由的时候,需要占位。Query参数,不属于路径当中的一部分,类似于ajax中的queryStrign /home?k=v&kv=,不需要占位。
第9集:路由组件传prop参数,三种形式,可以熟悉一下用法,以后可能自己写项目用的上。
第10集:我用vue3没有这个问题,
第11集:技巧:经常用的组件注册成全局组件。
第12集:改成vue3使用全局组件的方法
在这里插入图片描述

第13,14集: 组件代码没有变化,接口后面再试试,不行自己用python写接口,写接口一点不难。用新接口http://gmall-h5-api.atguigu.cn/api/product/getBaseCategoryList这一集的是可以用 的,后面不能用再说。
第15集:这里就不用最新的vue-axios,直接用axios,这里记个笔记:请求拦截器可以在请求之前处理一些业务,响应拦截器,当服务器数据返回以后,可以处理一些事情。还有api文件夹放axios相关。
第16集:小项目在mounted里发请求存在data里,vue.config.js是vuecli脚手架为webpack提供的配置文件,这个配置我们用vite,甚至写法都相差无几。如果我们服务器接口路径中没有/api的话我们可以在前面下面加一行rewrite将/api替换成空字符串,当然/abc,/aaa都可以,只要定好就行,这里我们的接口已经有了/api,所以直接把下面一行注释掉。
在这里插入图片描述

第17集:写法现在也没什么改变。
第18集:vuex的一些概念。Vuex文件夹命名store,见名知义。
第19,20集:事件委派,代码不难,思路不错。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

returnadsss

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值