珠海网签查询,宁波seo教学,南京网站建设公司哪家好,注册公司代理公司文章目录 1 嵌套路由1.1 News.vue1.2 Detail.vue1.3 router/index.ts2 路由传参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 r… 文章目录 1 嵌套路由1.1 News.vue1.2 Detail.vue1.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.ts2.3.2 Detail.vue(接收参数) 三种方式进行路由传参:query参数、params参数、props配置。 1 嵌套路由
(1)点击新闻,跳转到新闻页。 (2)点击每一个新闻,查看具体的新闻详情。
1.1 News.vue
templatediv class="news"!-- 导航区 --ul