TIL_22.11.20

Vuejs에서 router설정을 하고 children을 사용했을 경우!
View에 출력하는 방법

router/index.js

{
    path:"/user",
    component: ()=> import("@/views/UserView"),
    children:[
      {
        path: "regist",
        name: "regist",
        component : ()=>import("@/components/user/UserRegist"),
      },
      {
        path: "/:id",
        name: "detail",
        component : ()=>import("@/components/user/UserDetail"),
      },
      {
        path: "login",
        name: "login",
        component: () => import("@/components/user/UserLogin"),
      },
    ],
  }

views/UserView

<template>
    <div id="UserView">
        <router-view/>
    </div>
</template>
<script>

export default{
    name:"UserView",
}
</script>
...

<router-view> 태그를 사용하면 끝!

ps.
계속 UserView에다가 Component를 선언해줘서 import를 했었는데,
그렇게 하면 모든 children이 화면에 주루룩 나온다는 점 !