Vue路由跳转与传参详解.pdfVIP

正课:

1.路由跳转

2.路由传参

3.脚手架

1.路由跳转:

HTML中:所有a换成router‑linkto=路径/

router‑link运行时，自动翻译为ahref=#/路径/a

js中:this.$router.push(路径)$router就是var

router=newVueRouter()路由器对象。要执行跳转这个

动作，只能借助$router。凡是以$开头的，都是Vue内

置的对象。

2.路由传参:

2步:

1.在路由字典中配置支持参数的相对路径:{path:/details/:lid,

component:Details,props:true}/:lid:将来请求details页面时必须携带一个lid参数，

比如:/details/5在details页面中获取参数:this.$route.params.lid如果定义了

props:true,lid参数会自动传递给props中同名的属性:props:[lid]this.lid=52.跳转

时:router-linkto=/details/5

正课:

1.路由跳转

2.路由传参

3.脚手架

1.路由跳转:

HTML中:所有a换成router-linkto=路径/router-l