{"componentChunkName":"component---src-templates-tags-js","path":"/tags/dynamic-route-matching/","result":{"data":{"site":{"siteMetadata":{"title":"Bottlehs Tech Blog"}},"allMarkdownRemark":{"totalCount":1,"nodes":[{"excerpt":"Vue Js 동적 라우트 뷰 동적 라우트(Dynamic Route Matching) 주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야하는 경우가 있다. 예를 들어 게시물 상세보기에 대해 동일한 레이아웃을 가지지만 하지만 다른 게시물 ID…","fields":{"slug":"/vue/vue-js-동적-라우트/"},"frontmatter":{"date":"2021년 4월 4일","title":"Vue Js 동적 라우트","description":"주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야하는 경우가 있다. 예를 들어 게시물 상세보기에 대해 동일한 레이아웃을 가지지만 하지만 다른 게시물 ID로 렌더링되어야하는 Post 컴포넌트가 있을 수 있다. vue-router에서 경로에서 동적 세그먼트를 사용하여 아래와 같이 할 수 동적으로 라우트를 매칭하여 세그먼트를 같은 레이아웃에 다른 게시물을 보여줄수 있다."}}]}},"pageContext":{"tag":"dynamic-route-matching"}},"staticQueryHashes":["213619243","3262363727"]}