首页this.$route表示当前正在用于跳转的路由器对象，可以访问其name、path、query、params等属性、

this.$route表示当前正在用于跳转的路由器对象，可以访问其name、path、query、params等属性、

时间: 2024-01-26 16:04:19 浏览: 62

Vue.js实战之利用vue-router实现跳转页面

5星 · 资源好评率100%

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 这次的实例主要实现下图的效果：项目结构：一、配置 Router 用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装 cnpm i vue-router -D 安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js 平

以及方法，比如push()、replace()、go()等。在Vue.js中，this.$route是VueRouter的实例，可以通过它来获取当前路由的相关信息。比如，可以通过this.$route.path获取当前路由的路径，通过this.$route.params获取当前路由的参数，通过this.$route.query获取当前路由的查询参数等。同时，也可以通过this.$router.push()方法来进行路由的跳转。

阅读全文