码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-05 16:39:34      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:路径   route   col   慢慢   com   out   view   children   color   

刚开始学习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

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

标签:路径   route   col   慢慢   com   out   view   children   color   

原文地址:https://www.cnblogs.com/bulici/p/11799404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!