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

news2025/7/20 18:32:26

本来想弄微信小程序的,但是注册小程序要花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集:事件委派,代码不难,思路不错。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/368690.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

JavaEE简单实例——MyBatis的一对一映射的嵌套查询的简单介绍和基础配置

简单介绍: 在前一章我们介绍了关于MyBatis的多表查询的时候的对应关系,其中有三种对应关系,分别是一对一,一对多,多对多的关系。如果忘记了这三种方式的对应形式可以去前面看看,一定要记住这三种映射关系的…

微服务架构下路由、多活、灰度、限流的探索与挑战

导语 2022腾讯全球数字生态大会已圆满落幕,大会以“数实创新、产业共进”为主题,聚焦数实融合,探索以全真互联的数字技术助力实体经济高质量发展。大会设有29个产品技术主题专场、18个行业主题专场和6个生态主题专场,各业务负责人…

Linux基础命令-locate快速查找文件

文章​​​​​​​目录 locate 命令介绍 语法格式 基本参数 参考实例 1)查找1.txt相关的文件 2)查找包含pass和txt都有的文件 3)只匹配文件名,有路径的情况下不进行匹配 4)匹配不区分大小写的文件 5&#…

Java多线程(四)---并发编程容器

1.经常使用什么并发容器,为什么?答:Vector、ConcurrentHashMap、HasTable一般软件开发中容器用的最多的就是HashMap、ArrayList,LinkedList ,等等但是在多线程开发中就不能乱用容器,如果使用了未加锁&#…

Java EE|TCP/IP协议栈之TCP协议工作机制上

文章目录前言一、确认应答二、超时重传三、连接管理三次握手四次挥手前言 前边,我们已经大概交代了TCP的报文结构。但是仍有一些字段我们不确定到底怎么理解,这里就分析TCP的内部工作机制了。 TCP的内部很复杂,有很多机制,这里我们…

Super intelligent port AI smart port termial, CIMCAI top port AI

中国上海人工智能企业CIMCAI,全球港航人工智能领军者企业,顶尖AI科技及工业级成熟人工智能产品,打造高效能智能化港口数字化航运码头数字化。Ceaspectus™领跑全球港口人工智能,建设新一代高效能先进港口码头。Ceaspectus™先进方…

通过操作Cortex-A7核,串口输入相应的命令,控制LED灯进行工作

1.通过操作Cortex-A7核,串口输入相应的命令,控制LED灯进行工作 例如在串口输入led1on,开饭led1灯点亮 2.例如在串口输入led1off,开饭led1灯熄灭 3.例如在串口输入led2on,开饭led2灯点亮 4.例如在串口输入led2off,开饭led2灯熄灭 5.例如在串口输入led…

苹果电容笔和普通电容笔区别是什么?开学好用电容笔推荐

苹果的电容笔与一般的电容笔有何不同呢?两者的差距并不是很大。不过这款原装的苹果电容笔,重量要普通的电容笔重得多,而且笔尖还有一个特殊的重力感应装置,在其他方面两者并没有太大的差异。但是,由于苹果电容笔的售价…

QT自绘标题和边框

在QT中如果想要自绘标题和边框,一般步骤是: 1) 在创建窗口前设置Qt::FramelessWindowHint标志,设置该标志后会创建一个无标题、无边框的窗口。 2)在客户区域的顶部创建一个自绘标题栏。 3)给窗口绘制一个背…

Hadoop的生成经验调优和基准测试

文章目录(1)项目经验之HDFS存储多目录(2)项目经验之集群数据均衡(3)项目经验之Hadoop参数调优(4)项目经验之支持LZO压缩配置(5)项目经验之LZO创建索引&#x…

软考中级--嵌入式系统设计师考试培训教程开始了

1.考试时间: 1.1 上半年5月下旬考试 1.2 下半年11月上旬考试 2.考试内容 2.1 系统基础 满分75分 时间150分钟 2.2 系统设计 满分75分 时间150分钟 3.计划安排 3.1 熟悉考试大纲 3.2 按考纲学习相关内容 整理设计知识 快速学习形成知识印象 3.3 复习整理的知识 …

Hadoop3.3.1完全分布式部署

Hadoop目录Hadoop3.3.1完全分布式部署(一)1、HDFS一、安装1、基础安装1.1、配置JDK-181.2、下载并解压hadoop安装包本地运行模式测试 eg:2、完全分布式运行模式1、概要:2、编写集群分发脚本,把1~4步安装的同步到其他服务器:2.1、创建脚本vim …

Tailwind CSS 在Vue中的使用

什么是Tailwind CSS? Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,支持 hover 和 focus 样式,它们能直接在脚本标记语言中组合起来,构建出任何设计。 …

【算法基础】 Trie树

一、Trie树Trie树用于高效存储和查找字符串集合的数据结构。二、Trie字符串统计维护一个字符串集合,支持两种操作:I x 向集合中插入一个字符串 x;Q x 询问一个字符串在集合中出现了多少次。共有 N�个操作,所有输入的字…

c#前端实现对pcl点云颜色根据强度特征动态变化突出指定对象

前言 本文主要介绍如何使用c# winform对点云颜色根据点云强度信息对显示的点云颜色进行动态调整。 目的是根据强度信息采用不同的颜色特征突出不同的物体。 一、点云强度是什么? 点云强度又可以叫做反射率, 通常常见的点云格式包括:以pcl为…

SpringBoot可以同时处理多少请求?

本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star ⭐⭐⭐⭐⭐转载请注明出处:https://blog.csdn.net/weixin_43461520/article/details/129207427 前言 前两天面试的时候,面试官问我:一个i…

【拿好了!Linux 运维必备的 13 款实用工具!】

​本文介绍几款 Linux 运维比较实用的工具,希望对 Linux 运维人员有所帮助。 查看进程占用带宽情况 – Nethogs Nethogs 是一个终端下的网络流量监控工具可以直观的显示每个进程占用的带宽。 下载: http://sourceforge.net/projects/nethogs/files/ne…

NPDP认证|产品研发过程中,产生冲突怎么办?

随着传统行业在研发过程中牵涉到很多利益相关方,这些相关方在产品研发过程中关注角度的不同,会产生各种各样的矛盾冲突,如研发与产品的冲突、运营与产品的冲突、客户与产品的冲突,那么产生冲突的原因是什么呢? 产生冲突的原因? 1…

Redis:实现全局唯一ID

Redis:实现全局唯一ID一. 概述二. 实现(1)获取初始时间戳(2)生成全局ID三. 测试为什么可以实现全局唯一?其他唯一ID策略补充:countDownLatch一. 概述 全局ID生成器:是一种在【分布式…

墨天轮发布数据库行业报告,创邻科技Galaxybase大放异彩

近日,知名数据库社区墨天轮发布《2022中国数据库行业年度分析报告》,该报告由墨天轮联合业界专家学者共同编写,共122页,详细总结了2022年数据库行业产学研用的发展近况、挑战以及对未来趋势的展望。旨在于给数据库行业带来有价值的…