vue如何跳转到其他页面

// 声明式
<router-link :to = "…">
// 编程式，参数可以是一个字符串路径，或者一个描述地址的对象
<router.push('/user/index')>
// 直接写路由地址
this.$router.push('/user/index') 
// 地址对象
this.$router.push({path:'/user/index'})

this.$router.push({ path: '/user/index', query: { account: account }})

http://localhost/user/index?account=123

watch: {
   $route: {
     handler: function(route) {
       const account = route.query && route.query.account;
       console.info(account)
     },
     immediate: true
   }
}

created() {
   const {params, query} = this.$route;
   console.info(account)
}

mounted(){
   const account = this.$route.query && this.$route.query.account;
   console.info(account)
}

this.$router.push({ name: 'User', params: { account: account }})

watch: {
   $route: {
     handler: function(route) {
       const account = route.params && route.params.account;
   	   console.info(account)
     },
     immediate: true
   }
}

// 声明式
<reouter-link :to="..." replace></router-link>
// 编程式
this.$router.replace(...)

this.$router.push({path: '/homo', replace: true})

this.$router.go(n)

this.$router.go(1)  // 类似 history.forward()
this.$router.go(-1) // 类似 history.back()