Vue路由: 標簽應該放在哪里


剛開始學習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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM