文章目錄
- 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>
`和`flatMap()`函數用法)
