全面解析vue router 基本使用(动态路由，嵌套路由(6)

日期：2020-05-11 栏目：程序人生 浏览：次 
children: [
 {
  path: "phone",
  component: phone
 },
 {
  path: "tablet",
  component: tablet
 },
 {
  path: "computer",
  component: computer
 },
 // 当进入到home时，下面的组件显示
 {
  path: "",
  component: phone
 }
]
命名路由
　　命名路由，很简单，因为根据名字就可以知道，这个路由有一个名字，那就直接给这个路由加一个name 属性，就可以了。 给user 路由加一个name 属性：
{
  path: "/user/:id",
  name: "user",
  component: user
}
　　命名路由的使用, 在router-link 中to 属性就可以使用对象了, 
 <router-link to="/user/123">User123</router-link> // 和下面等价 
 <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link> // 当使用对象作为路由的时候，to前面要加一个冒号,表示绑定
　　编程式导航：这主要应用到按钮点击上。当点击按钮的时候，跳转另一个组件, 这只能用代码，调用rourter.push() 方法。 当们把router 注入到根实例中后，组件中通过 this.$router 可以获取到router, 所以在组件中使用
this.$router.push("home"), 就可以跳转到home界面
总结
以上所述是小编给大家介绍的vue router 基本使用，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！