关于vue的＜router-view＞

对于它跳转的基准不太清除，网上也没有很好的解释。

根据实验暂得出：如果当前父页面的.vue的路径和子页面的.vue路径已经写在路由里了，那么

1.路由里未redirect。页面显示父页面，不显示子页面。但如果父页面后续有路由跳转，就会在里显示子页面。（可把看作

）

2.路由里已经redirect到子页面了。页面显示父页面，里显示子页面。父页面后续有路由跳转，会在里显示子页面。

如果父页面未写在路由里（如App.vue）那使用就会跳转到你设置的默认路由，即设置了path: '/',的路径。

 

代码实例如下。

在solve.vue里使用

---

情况1  router.js 

{
  path: '/solve',父页面
  component: Solve,
  name:'solve',
  children: [{
    path: '/solve/contain1',子页面
    component: Solvecon1,
    name:'contain1',
  }
运行后
里显示父页面，里不显示子页面，但跳转的界面会显示在里

---

情况2  router.js 

{
  path: '/solve',
  component: Solve,
  name:'solve',
  redirect: '/solve/contain1'
  children: [{
    path: '/solve/contain1',
    component: Solvecon1,
    name:'contain1',
  }

运行后

里显示父页面，里显示子页面，跳转的界面会显示在里

这样，通过就可以实现类似a标签的target效果。