vue router 重定向与别名

文档

官网

重定向

routes里面的写法

    {
      //重定向testRedirect到了home
      name: 'testRedirect',
      path: '/testRedirect',
      // redirect: { name: 'home' }
      // redirect:"/"
      redirect: function(){
        return '/'
      }
    }

使用

    myClick:function(){
      this.$router.push({
        name:"testRedirect"
      })
    },

点击之后,路由会直接调到home页面,此时的路由为

http://192.168.10.162:8080/#/

别名

{
      //别名
      name:'alias',
      path:'/alias',
      component:function(resolve){
        require(['./views/alias.vue'],resolve)
      },
      alias:"/aliasTwo"
    }

使用

    myClick1:function(){
      this.$router.push('alias')
    },
    myClick2:function(){
      this.$router.push('aliasTwo')
    }

点击1之后,地址栏变为

http://192.168.10.162:8080/#/alias

点击2之后,地址栏变为

http://192.168.10.162:8080/#/aliasTwo

但是最后是显示的同一个页面

你可能感兴趣的:(前端,学习)