<p>동적 경로를 추가하고 모든 동적 경로에서 동일한 구성 요소를 사용하고 싶습니다. 구성요소를 렌더링하기 위해 다음 코드를 시도했지만 다음 오류 메시지와 함께 오류가 발생했습니다. </p> <인용문> <p>[vue-router] 라우팅 구성에는 "경로"가 필요합니다. </p> </인용문> <p>동적 라우팅을 추가하고 동일한 구성요소를 표시하는 올바른 방법은 무엇입니까? </p> <p> <pre class="brush:js;toolbar:false;">const Foo = { 템플릿: '<div>Foo</div>' } const 홈 = { 템플릿: '<div>홈</div>' } const 라우터 = 새로운 VueRouter({ 모드: '역사', 경로: [{ 길: '/', 구성요소: 홈 }] }) const 앱 = 새로운 Vue({ 라우터, 엘: "#vue-app", 방법: { viewComponent: 함수(경로, 메소드) { 디버거; let tf = `${경로}/${방법}`; newRoute = {를 허용하십시오. 경로: tf, 이름: `${경로}_${방법}`, 구성요소: { 푸 }, } this.$router.addRoute([newRoute]) }, } });</pre> <pre class="brush:html;toolbar:false;"><script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <script src="https://npmcdn.com/vue-router/dist/vue-router.js"></script> <div id="vue-app"> <a v-on:click="viewComponent('api/contact','get')">ddd</a> <라우터-뷰></라우터-뷰>