方法一:router-link to
(1)首先把需要跳转的两个组件挂载在index.js中的routes,需要跳转的页面为goods和info
例:
(2)在goods页面渲染出需要循环的数组
例:
(3)info界面接取数组id
例:
方法二: 编程式跳转
(1)在goods界面添加ul li 正常循环数组,并且给li加点击事件,并且在函数名后传入实参
例:
(2)添加点击事件函数并且在函数后传入形参,汉译就是这个把这个地址拉进这个路由
例:
this.$router.push固定不变,path(路径),query(查询)属性名:属性值
方式三:name+params 用 router-link to 可以传参
(1)第一种方法类似,但需要更改:to后的拼接方式,并且在index.js 挂在组件后+/:id
例:
例:
(2)接取参数时因为传入的参数给到params,所以
方法:三点一 name+params 编程式跳转
(1)与第二种方法类似,正常循环数组
例:
(2)执行函数,给相应index.js 挂载组件后加name名字
例:
(3)接取方法与3.0版本相同
部分方法,查缺补漏