Vue路由:<router-view />标签应该放在哪里

刚开始学习Vue路由时,老是不知道<router-view />标签放哪里,很难受,慢慢使用很久后,才弄明白,记住一句话:将此钉子(<router-view />)埋于他路径的上一级模板内即可

如:

{
  path: "/one",
  name: "one",
  component: one,
  children: [
    {
      path: "two",
      component: two,
      children:[
        {
          path:"three",
          component:three
        }
      ]
    }
  ]
}

上述例子中

第一级路由(/one),需要将<router-view />标签放在app.vue里

第二级路由(/one/two),需要将<router-view />标签放在one.vue里

第三级路由(/one/two/three),需要将<router-view />标签放在two.vue里

posted @ 2019-11-05 16:35  小烂  阅读(8286)  评论(1)    收藏  举报