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

Vue-14-前端框架Vue之应用基础嵌套路由和路由传参

文章目录

  • 1 嵌套路由
    • 1.1 News.vue
    • 1.2 Detail.vue
    • 1.3 router/index.ts
  • 2 路由传参
    • 2.1 query参数
      • 2.1.1 News.vue(传递参数)
      • 2.1.2 Detail.vue(接收参数)
    • 2.2 params参数
      • 2.2.1 router/index.ts(需要提前占位)
      • 2.2.2 News.vue(传递参数)
      • 2.2.3 Detail.vue(接收参数)
    • 2.3 props配置
      • 2.3.1 router/index.ts
      • 2.3.2 Detail.vue(接收参数)

三种方式进行路由传参:query参数、params参数、props配置。

1 嵌套路由

(1)点击新闻,跳转到新闻页。
(2)点击每一个新闻,查看具体的新闻详情。

1.1 News.vue

<template><div class="news"><!-- 导航区 --><ul>
http://www.lqws.cn/news/526897.html

相关文章:

  • 51c~嵌入式~PLC~三菱~合集1
  • spring-ai 1.0.0 (1)模型调用能力
  • 高中成绩可视化平台开发笔记
  • 六个安全Agent设计模式:有效防止Prompt注入攻击
  • 城市综合管廊监测,智能化安全监测,多源感知,三维可视化监控
  • c++面向对象编程
  • 微积分 - 无穷小量
  • 数据分享:环境科学与公共健康行业-空气质量数据集
  • 汽车一键启动升级手机控车
  • SQL(6)
  • css 颜色与字体
  • Adam优化器
  • Nuitka 打包Python程序
  • NoSQL之Redis集群
  • 智慧生产管控数字化平台(源码+文档+讲解+演示)
  • Datax报错:在有总bps限速条件下,单个channel的bps值不能为空,也不能为非正数
  • Flutter 多平台项目开发指南
  • 使用Charles中文版抓包工具进行高效的API调试与性能优化
  • openharmony 性能检测工具
  • [架构之美]Spring Boot 3.5.3新特性解析及JDK21集成
  • Socket 编程 TCP
  • 小程序入门:理解小程序页面配置
  • ZYNQ GP总线深度实战:智能灯光控制器的PS-PL交互艺术
  • 128K 长文本处理实战:腾讯混元 + 云函数 SCF 构建 PDF 摘要生成器
  • 如何解决本地DNS解析失败问题?以连接AWS ElastiCache Redis为例
  • 华曦达港股IPO递表,AI Home生态构建智能生活新蓝图
  • dockercompose快速安装ELK
  • 设计模式 | 原型模式
  • 分布式I/O在风电行业的应用
  • 向量数据库milvus中文全文检索取不到数据的处理办法