Vue-router 相关

一、vue-router 如何传参

1、用name传递参数

    步骤： （1）在路由文件src/router/index.js里配置name属性

                （2）模板里用$router.name来接收

2、通过<router-link> 标签中的to传参

    基本语法：<router-link ：to="{ name:xxx, params：{ key:value } }"></router-link>

    步骤： （1）在路由文件src/router/index.js里配置name属性

                （2）模板里用$router.name来接收

二、编程式导航（业务逻辑中实现页面跳转）

1、this.$router.go(1)  前进

2、this.$router.go(-1)  后退    （必须写在模块的 goback( ) 方法里面）

3、this.$router.push( '/xxx' )  跳转到xxx页面

4、返回到首页 gohome() { this.$router.push( ' / ' ) }