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

vue3的router

需求

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

路由组件一般放在,pages或views文件夹,
一般组件通常放在component文件夹
在这里插入图片描述

路由的2中写法

在这里插入图片描述

子路由

在这里插入图片描述
其实就是在News组件里面,再定义一个router-view组件
他的子组件,机会渲染在router-view区域

路由传参

<RouterLink :to="`/news/detail?id=${news.id}&title=${news.title}

在这里插入图片描述
取值
在这里插入图片描述

http://www.lryc.cn/news/309358.html

相关文章:

  • 云时代【5】—— LXC 与 容器
  • npm digital envelope routines::unsupported
  • 深入理解Flutter中的StreamSubscription和StreamController
  • 聊聊 HTTP 性能优化
  • 六、防御保护---防火墙内容安全篇
  • HC32F460 是否有 RTC?在电池供电方案中该如何使用?
  • HTML---表单验证
  • 基于tomcat的JavaWeb实现
  • AI时代编程新宠!如何让孩子成为未来的编程大师?
  • Qt 中Json的构造和解析简单例子
  • CSS特性
  • springcloud:3.1介绍雪崩和Resilience4j
  • 实现定时器的两种方法:使用windows api定时器 和使用c++11/14 定时器
  • H5:图像标签和路径
  • AI学习(5):PyTorch-核心模块(Autograd):自动求导
  • Grid-Based Continuous Normal Representation for Anomaly Detection 论文阅读
  • FaceBook获取广告数据
  • Redis之十:Spring Data Redis --- CrudRepository方式
  • Spring重点记录
  • 代码覆盖率工具Gcovr和Fastcov的性能对比
  • css - flex布局实现div横向滚动
  • 关于在Ubuntu20.04环境下安装GRPC
  • 力扣601 体育馆的人流量
  • ubuntu20.04设置docker容器开机自启动
  • Kubernetes/k8s的核心概念
  • vue 前端预览 Excel 表
  • 【JS】生成N位随机数
  • 2024年FPGA可以进吗
  • 小程序图形:echarts-weixin 入门使用
  • 百度百科人物创建要求是什么?