vue在$router

Vue.js是一个普遍的客户端框架，它的跳转系统$router是控制应用中不同页面的重要组成部分。在Vue.js中使用$router可以完成多页面应用的跳转和控制，同时还可以方便地完成单页面应用的互动和数据传递。

使用$router可以完成以下功能：

//定义路由规则
const routes = [
{ path: '/home', component: Home },
{ path: '/about', component: About }
]
//创建路由实例
const router = new VueRouter({
routes // routes: routes 的简写
})
//把路由实例整合到根Vue实例中
const app = new Vue({
router
}).$mount('#app')

VUE $router是可以动态改变路由的，可以完成在带路由参数情况下修改参数使页面更新，跳转新页面等操作。

// 跳转到其他页面
this.$router.push({ path: '/home' })
// 带参数跳转到其他页面
this.$router.push({ name: 'user', params: { userId: 123 } })
// 带请求参数跳转到其他页面
this.$router.push({ path: '/home', query: { name: 'jack' } })
// 带hash跳转到其他页面
this.$router.push({ path: '/home', hash: '#hash123' })

总之，在Vue.js中使用$router可以完成应用中不同页面之间的平滑转换和跳转，同时还可以方便地解析参数和数据的传递，带给用户更加流畅和舒适的使用体验。