router-view

Question

router-view意味着添加一个子组件到页面上，但是它如何知道你要添加的是哪个具体的子组件呢？不需要指定一下吗？如果同时要引入多个子组件，全用router-view标签恐怕无法区分吧

Answer 1

甲蛙 2020-06-07 17:46:17

这个问题问得很好，课程中介绍的都是一个router-view的情况，也支持多个router-view的场景，也很简单，router-view可以加name属性，指定子组件名，比如：

<router-view></router-view>
<router-view name="a"></router-view>
<router-view name="b"></router-view>

在路由定义的时候，加上components属性，添加所有组件，比如：

{
  path: '/welcome',
  components: {
    default:Welcome,
    a:A,
    b:B
  }
}

• qq_赖皮狗_0 #1

  这里的path，welcome是不是应该去掉“/”?