vue中route和router,vuerouter动态路由怎么用

vue中route和router,vuerouter动态路由怎么用

Vue Router 版本号为v3.x1、区别用一句话来概括这两个区别就是route 是用来获取路由信息的，router是用来操作路由的。2、route2.1、什么是route一个路由对象(route object) 表示this.$route:当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的path, name, params, query 等属性。this.$router:全局的router 实例。通过

区别：router是通过“Vue.use(VueRouter)”和VueRouter构造函数得到一个实例对象，它是一个全局的对象。而route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对在setup 中访问路由和当前路由​ 因为我们在setup 里面没有访问this,所以我们不能再直接访问this.$router 或this.$route。作为替代，我们使用useRouter 和useRoute 函数：

route:当我们去取路径的参数值时。我们就用route,用的方式是：1. 以上跳转的路径取参数id ---this.$route.query.id(相当于get请求) 2.以router-link的方式跳转$router 为VueRouter,实例，想要导航到不同URL,则使用$router.push方法。route 为当前router 跳转对象里面可以获取name.path.query.params等。做个简单的De

╯▂╰ 从上面可以看出$router是全局router 的实例，通过vue 根实例中注入router 实例，然后再注入到每个子组件，从而使整个应用都有路由功能。包含了一些路由的跳转方法，钩子函数，属性和通过调用app.use(router),我们会触发第一次导航且可以在任意组件中以this.$router的形式访问它，并且以this.$route的形式访问当前路由：js // Home.vueexportdefault{computed

vue-router中route、routes和router的区别router：　　router⼀般具有功能性，例如：route：route⼀般⽤于获取信息，例如获取-路由路径($route.path)-路由参数($route.para使用Vue2.0 router 过程中，会对route 会有混淆，现做笔记记录一、router VueRouter对象router.push方法，// 字符串this. router.push({ path: 'home' }) // 命名的路由this. r