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>