32-vue中,向路由组件传递数据的两种方式

本文介绍了在Vue中向路由组件传递数据的两种主要方式:1) 通过组件链接,包括定义组件、注册路由、使用router-link和router-view,并在目标组件中获取数据;2) 使用router-view的props特性,结合$route对象传递变量,需要注意prop前是否加冒号以区分字符串和变量。同时,文章提到了query参数与params参数的区别。
摘要由CSDN通过智能技术生成

向路由组件传递数据的两种方式:

  1. 组件链接
  2. router-view props

1.组件链接

1.1 大致步骤

  定义组件(存放消息的组件) --> 注册此组件的路由(在路由器里,相应的父组件路由下注册) --> 在父组件路由中写相应标签(router-link router-view) --> 在存放消息的组件中进行ajax请求(若需模拟ajax请求,可用setTimeout定时器)
 
详情查看:链接: 路由器项目.

1.2 页面图示在这里插入图片描述

1.3 新知

  路由组件中,会有一个路由对象$route,这个对象下面会有许多属性(日后会详情讲解)

 
 

2. router-view props

2.1 步骤图解


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值