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.dtcms.com/a/260014.html
如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！