vue路由实现页面跳转

Vue路由可以通过使用VueRouter函数来实现页面跳转。在main.js中引入VueRouter函数，然后创建一个路由实例，并将其配置传递给Vue实例。在路由实例中，可以定义不同的路由路径和对应的组件，然后使用路由链接或编程式导航来跳转到指定的路由。

路由跳转方式有三种：name、path和传参方式params、query。使用name方式可以通过路由名称来跳转，而使用path方式可以通过路径来跳转。params方式是通过路由参数来传递数据，而query方式是通过查询字符串来传递数据。

使用name方式跳转路由可以在路由配置中为每个路由定义一个唯一的名称，然后通过$router.push({ name: 'routeName' })的方式来跳转到指定的路由。

使用path方式跳转路由可以直接指定路由的路径，例如$router.push('/path')。

params方式传参需要在路由路径中定义参数占位符，然后通过$router.push({ path: '/path/:id', params: { id: 1 } })的方式来跳转并传递参数。

query方式传参可以通过$router.push({ path: '/path', query: { id: 1 } })的方式来跳转并传递查询参数。

推荐使用name和query方式实现路由跳转，因为path方式会忽略params参数。