在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中router-view加不加有什么區(qū)別？

vue中router-view加不加有什么區(qū)別？

a組件的路由已經(jīng)定義好，router-link跳轉(zhuǎn)到a組件

clipboard.png
按照官方的說法是模板映射到路由中，router-view渲染匹配到的路徑，那么在這里的話我點(diǎn)擊router-link的時(shí)候應(yīng)該是直接在router-view所在的位置將模板渲染上去，但是實(shí)際的情況是路由改變后a組件是在新的頁面中顯示，這個(gè)是為什么呢？

如果是這樣的話加不加router-view都可以，加它有什么意義呢？

回答
編輯回答
命多硬

你外層是不是還有一個(gè)<router-view>, 比如App.vue里面?

  {
    path: '/HelloWorld',
    component: () => import('@/components/HelloWorld'),
    children: [{
      path: 'a',
      component: () => import('@/components/a'),
    }]
  }

然后<router-link to='/HelloWorld/a'>aaaaaaaaaa</router-link>
這樣嵌套的子路由才會(huì)渲染到嵌套的<router-view>里面

2017年7月21日 01:01
編輯回答
解夏

可以這樣理解，正常寫法中，一層路徑(/xxx)對(duì)應(yīng)一個(gè)router-view。

比如url: /a/b/c (假設(shè)a、b、c都為正常路徑，不會(huì)作為參數(shù))

那/a對(duì)應(yīng)的就是App.vue中的router-view，/a進(jìn)入a.vue中
那/a/b對(duì)應(yīng)的就是a.vue中的router-view， /a/b進(jìn)入b.vue中
以此類推。

原題與原答出處

2017年1月26日 10:13