当前位置： 首页 > news >正文

vue尚品汇商城项目-day01【3.项目路由的分析】

news 2025/10/30 23:31:44

在这里插入图片描述

文章目录

  • 本人其他相关文章链接

安装命令：cnpm install --save vue-router

vue-router

前端所谓路由：kv键值对
key:URL(地址栏中的路径)
value:相应的路由组件
注意：本项目是上中下结构

路由组件：

Home首页路由组件、Search路由组件、login登录路由、Register注册路由

非路由组件：

Header
Footer 在首页、搜索页有，但是在登录、注册页面没有

本人其他相关文章链接

1.vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】
2.vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
3.vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
4.vue尚品汇商城项目-day01【3.项目路由的分析】
5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
6.vue尚品汇商城项目-day01【5.路由组件的搭建】
7.vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】
8.vue尚品汇商城项目-day01【7.路由传参】
9.vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】

相关文章：

vue尚品汇商城项目-day01【3.项目路由的分析】

文章目录本人其他相关文章链接安装命令：cnpm install --save vue-router vue-router 前端所谓路由：kv键值对 key:URL(地址栏中的路径) value:相应的路由组件 注意：本项目是上中下结构 路由组件： Home首页路由组件、Search路由组件…...

编程日记 2023/4/16 6:09:03

详解--高级IO

文章目录前言一、五种IO模型阻塞IO非阻塞IO信号驱动IOIO多路转接:异步IO二、高级IO同步通信和异步通信阻塞 VS 非阻塞其他高级IO三、非阻塞IOfcntl实现函数SetNoBlock总结前言 理解五种IO模型的基本概念.重点是IO多路转接. 正文开始! 一、五种IO模型 IO: 等 数据拷贝 read/…...

编程日记 2023/3/31 18:25:18

Android自定义闹钟

google推荐方式3种： 一、AlarmManager setRepeating() 重复闹钟。1、Android 4.4（API 级别 19）开始，所有重复闹钟都是不精确的，延时2分钟左右。2、闹钟触发的待定 Intent。当您设置使用同一待定 Intent 的第二个闹钟…...

编程日记 2023/4/18 11:21:48

第02章_MySQL环境搭建

第02章_MySQL环境搭建 🏠个人主页：shark-Gao 🧑个人简介：大家好，我是shark-Gao，一个想要与大家共同进步的男人😉😉 🎉目前状况：23届毕业生，目前…...

编程日记 2023/4/15 16:47:29

java使用线程池和Future接口实现异步的实例

线程池可以提供线程的复用和管理，避免线程频繁创建和销毁的开销。而Future接口则可以获取异步任务的执行结果和状态，避免了阻塞等待异步任务完成的情况。下面是一个简单的示例代码： import java.util.concurrent.*;public class AsyncExample…...

编程日记 2023/4/15 16:48:39

cocosCreator 事件系统

概述： DOM的输入事件通过CCInputManager转化成cocos的输入事件，由CCEventManager 分发给监听器。 监听器在通过回调函数(begin/move/end/cancel)告知事件派发对象（eventTarget）派发事件。 重要类： event&#xff1…...

编程日记 2023/4/15 16:50:33

刷题_20：字符串反转 and 公共子串计算

一.字符串反转 题目链接： 字符串反转 题目描述： 接受一个只包含小写字母的字符串，然后输出该字符串反转后的字符串。（字符串长度不超过1000） 输入描述： 输入一行，为一个只包含小写字母的字符串…...

编程日记 2023/4/16 6:10:44

如何在 Linux 命令行中比较两个目录，我教你五个命令！

在 Linux 命令行中比较两个目录是一项常见的任务，特别是当你需要确保两个目录之间的文件完全相同时。在本文中，我们将介绍一些在 Linux 命令行中比较两个目录的方法。 方法一：使用 diff 命令比较两个目录 diff 命令可以比较两个文件或目录之…...

编程日记 2023/4/19 15:18:26

多元算力如何满足万千本土化场景需求，解析第四代至强核心加速器设计

作者 | 宋慧 出品 | CSDN 云计算 2023 年初，英特尔重磅发布了企业级芯片领域重要的产品——第四代英特尔 至强 可扩展处理器。当时报道中，我们就重点提到了其中重要的七大内置加速器，这也是英特尔为千行百业多种创新场景去提供算力支持的底气…...

编程日记 2023/4/18 11:23:30

SPI主模式切换为从模式

一、SPI主模式切换为从模式在SPI总线上，要将主设备转换为从设备或者将从设备转换为主设备，需要通过改变SPI控制寄存器的配置来实现。下面分别介绍SPI主模式切换为从模式的步骤：配置从设备的SPI控制寄存器首先需要配置从设备的SPI控制寄存器。…...

编程日记 2023/4/13 17:42:23

IMX6ULL学习笔记（21）——MMDC接口使用(DDR3测试)

一、MMDC简介 MMDC 接口与 STM32 的 FSMC 接口类似，只不过 MMDC 接口专用于外接 DDR，并且 MMDC 外部引脚不复用。MMDC 是一个多模的 DDR 控制器，可以连接 16 位宽的 DDR3/DDR3L、16 位宽的 LPDDR2。 MMDC 是一个可配置、高性能的 DDR 控制器。…...

编程日记 2023/4/12 13:37:42

机器学习——无监督学习

机器学习的分类一般分为下面几种类别：监督学习( supervised Learning )无监督学习( Unsupervised Learning )强化学习( Reinforcement Learning，增强学习)半监督学习( Semi-supervised Learning )深度学习(Deep Learning)Python Scikit-learn. http: // …...

编程日记 2023/4/11 19:45:17

python+opencv生成较真实的车牌号码图片

本文参考github代码：https://github.com/loveandhope/license-plate-generator 效果： 一、代码目录结构： background目录下存放各种背景图片 font目录下存放车牌中文、字符的ttf字体 images目录下存放蓝色底牌、新能源绿色底牌、污渍&#…...

编程日记 2023/4/15 16:51:16

3.26周报

周报 代码行数： 周一 581 周二 601 周三 615 周四 591 周五 570 周六 561 周日 577 遇到的问题： 项目启动很慢，要将近5分钟才能开启项目，对开发造成很大困扰。 断点打在奇怪的地方，造成启动缓慢。断点…...

编程日记 2023/4/18 11:24:58

从0开始学python -69

Python math 模块 Python math 模块提供了许多对浮点数的数学运算函数。 math 模块下的函数，返回值均为浮点数，除非另有明确说明。 如果你需要计算复数，请使用 cmath 模块中的同名函数。 要使用 math 函数必须先导入： import…...

编程日记 2023/4/18 11:25:46

HashMap中HashCode的实现原理

代码 static final int hash(Object key) {int h;return (key null) ? 0 : (h key.hashCode()) ^ (h >>> 16);}1. h >>> 16 是什么，有什么用? h是hashcode。h >>> 16是用来取出h的高16，(>>>是无符号右移) 如下展…...

编程日记 2023/4/13 17:43:24

Redis —Set、ZSet介绍和应用场景

Set 概念 Redis的set是一个不重复、无序并唯一的键值集合。（方便管理无序集合）它支持交集、并集、差集等等 set和list区别 List 可以存储重复元素，Set 只能存储非重复元素；List 是按照元素的先后顺序存储元素的，而…...

编程日记 2023/4/19 15:17:54

【产品人卫朋】内容运营：文章点击量少的可怜，该怎么做？

今天来谈谈内容运营这个话题。 随着自媒体进入视播时代，也就是短视频的时代。 无论你打开任何一个短视频应用，每一个主题下面都会有成千上万个视频。 最为致命的是，大家停留的时间也越来越短了。 如果你不能在2秒的时间内吸引眼球&#xff0c…...

编程日记 2023/4/15 16:52:56

【K8S系列】深入解析无状态服务

目录 序言 1. 无服务介绍 1.1 优点 1.2 使用场景 1.3 资源类型 1.4 总结 2 使用介绍 2.1 Deployment 使用场景： 2.2 ReplicaSet 使用场景 2.3 pod Pod 资源定义示例 2.4 service 创建一个Deployment： 创建一个Service： 总结…...

编程日记 2023/4/15 16:54:11

Node基础--命令窗口

1.Windows命令行窗口(叫做:小黑屏、cmd窗口、终端、shell) (1).如何打开命令行窗口 开始菜单 -- 运行 --- cmd --- enter win R -- cmd --- enter (2).cmd窗口常用指令 dir 列出当前目录下的所有文件 cd 目录名 进入到指定的目录 md 目录名 …...

编程日记 2023/3/31 16:54:47

智慧医疗能源事业线深度画像分析（上）

引言 医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2025/10/29 20:22:26

Day131 | 灵神 | 回溯算法 | 子集型 子集

Day131 | 灵神 | 回溯算法 | 子集型 子集 78.子集 78. 子集 - 力扣（LeetCode） 思路： 笔者写过很多次这道题了，不想写题解了，大家看灵神讲解吧 回溯算法套路①子集型回溯【基础算法精讲 14】_哔哩哔哩_bilibili 完…...

编程新知 2025/10/28 6:51:39

DIY｜Mac 搭建 ESP-IDF 开发环境及编译小智 AI

前一阵子在百度 AI 开发者大会上，看到基于小智 AI DIY 玩具的演示，感觉有点意思，想着自己也来试试。 如果只是想烧录现成的固件，乐鑫官方除了提供了 Windows 版本的 Flash 下载工具 之外，还提供了基于网页版的 ESP LA…...

编程新知 2025/10/27 13:41:23

学习STC51单片机32（芯片为STC89C52RCRC）OLED显示屏2

每日一言 今天的每一份坚持，都是在为未来积攒底气。 案例：OLED显示一个A 这边观察到一个点，怎么雪花了就是都是乱七八糟的占满了屏幕。。 解释 ： 如果代码里信号切换太快（比如 SDA 刚变，SCL 立刻变&#…...

编程新知 2025/10/15 2:33:35

如何在网页里填写 PDF 表格？

有时候，你可能希望用户能在你的网站上填写 PDF 表单。然而，这件事并不简单，因为 PDF 并不是一种原生的网页格式。虽然浏览器可以显示 PDF 文件，但原生并不支持编辑或填写它们。更糟的是，如果你想收集表单数据&#xff…...

编程新知 2025/10/23 22:12:06

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...

编程新知 2025/9/20 21:58:29

Linux 内存管理实战精讲：核心原理与面试常考点全解析

Linux 内存管理实战精讲：核心原理与面试常考点全解析 Linux 内核内存管理是系统设计中最复杂但也最核心的模块之一。它不仅支撑着虚拟内存机制、物理内存分配、进程隔离与资源复用，还直接决定系统运行的性能与稳定性。无论你是嵌入式开发者、内核调试工…...

编程新知 2025/10/26 1:09:31

SQL慢可能是触发了ring buffer

简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...

编程新知 2025/10/2 9:17:52

Linux 中如何提取压缩文件 ？

Linux 是一种流行的开源操作系统，它提供了许多工具来管理、压缩和解压缩文件。压缩文件有助于节省存储空间，使数据传输更快。本指南将向您展示如何在 Linux 中提取不同类型的压缩文件。 1. Unpacking ZIP Files ZIP 文件是非常常见的，要在 …...

编程新知 2025/10/27 11:51:48

CSS | transition 和 transform的用处和区别

省流总结： transform用于变换/变形，transition是动画控制器 transform 用来对元素进行变形，常见的操作如下，它是立即生效的样式变形属性。 旋转 rotate(角度deg)、平移 translateX(像素px)、缩放 scale(倍数)、倾斜 skewX(角度…...

编程新知 2025/10/17 20:59:57