vue.router跳转补充

一、

    const routes = [
     {path: ' / ' ,component : Home},
    {path: ' /menu ' ,component : Menu},
    {path: ' /about ' ,component : About},

    //如果没有找到以上菜单(输入错误),跳转到主页面

    {path: ' * ' , redirect :  ' /Home '}
  ]

二、

     //表示跳转 a标签
      //把a标签换成div标签

三、

  //可以绑定属性值
  data (){
        return (){
                homeLink : ' / '
        }
  }

四、可以给每一个属性增加name属性进行跳转

  
  
  

配置路由:

   const routes = [
       {path: ' / ' , name : ' nameLink ' , component : Home},
       {path: ' /menu ' , name : ' aboutLink ' , component : Menu},
       {path: ' /about ' ,  name : ' loginLink ' , component : About}
  ]

你可能感兴趣的:(vue.router跳转补充)