Vue编程式导航

1、编程式导航基本用法

常用的编程式导航 API 如下：

    this.$router.push('hash地址');
    this.$router.go(n)

    const User = {
      template: '<div><button @click="goRegister">跳转到注册页面</button></div>',
          methods: {
            goRegister: function(){
              // 用编程的方式控制路由跳转
              this.$router.push('/register');
            }
       }
    }

2、编程式导航参数规则

router.push() 方法的参数规则

    // 字符串(路径名称)   
    router.push('/home')   
    // 对象   
    router.push({ path: '/home' })   
    // 命名的路由(传递参数)   
    router.push({ name: '/user', params: { userId: 123 }})   
    // 带查询参数，变成 /register?uname=lisi   
    router.push({ path: '/register', query: { uname: 'lisi' }})