vue路由命名

1.给路由命名

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

{ {     path:'/demo',     component:Demo,     children:[         {             path:'test',             component:Test,             children:[                 {                       name:'hello' //给路由命名                     path:'welcome',                     component:Hello,                 }             ]         }     ] }

2.简化跳转：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<!--简化前，需要写完整的路径 --> <router-link to="/demo/test/welcome">跳转</router-link>   <!--简化后，直接通过名字跳转 --> <router-link :to="{name:'hello'}">跳转</router-link>   <!--简化写法配合传递参数 --> <router-link     :to="{         name:'hello',         query:{            id:666,             title:'你好'         }     }" >跳转</router-link>