初學(xué)VUE，好多地方不明白，如果問(wèn)題實(shí)在小白，請(qǐng)大家見(jiàn)諒。

App.vue中的代碼
<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

網(wǎng)站進(jìn)入后會(huì)自動(dòng)跳轉(zhuǎn)到路由

dashboard

中,
Dashbord的結(jié)構(gòu)如下

路由代碼：

export default new Router({
  routes: [
    {
      path: '/',
      redirect: {
        name: 'Dashboard'
      }
    },
    {
      path: '/dashboard',
      name: 'Dashboard',
      component: Dashboard
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    },
    {
      path: '/article/:id',
      name: 'Article',
      component: Article,
      children:[
        {
          path: 'index',
          name: 'ArticleIndex',
          component: Article,
        }
      ]
    }
  ]
})

現(xiàn)在我的想法是，

在左右文章欄中點(diǎn)擊管理文章和添加文章后，會(huì)在Dashboard中紅框的地方顯示Article組件
但現(xiàn)在的問(wèn)題是會(huì)直接打開(kāi)新的頁(yè)面，直接顯示Article組件的內(nèi)容。

這是為什么呀？