라우팅 구성 오류입니다. 경로를 지정해야 합니다.

Question

동적 경로를 추가하고 모든 동적 경로에서 동일한 구성 요소를 사용하고 싶습니다. 구성요소를 렌더링하기 위해 다음 코드를 시도했지만 다음 오류 메시지와 함께 오류가 발생했습니다.

<인용문>

[vue-router] 라우팅 구성에는 "경로"가 필요합니다.

동적 라우팅을 추가하고 동일한 구성요소를 표시하는 올바른 방법은 무엇입니까?

const Foo = {
  템플릿: '<div>Foo</div>'
}
const 홈 = {
  템플릿: '<div>홈</div>'
}

const 라우터 = 새로운 VueRouter({
  모드: '역사',
  경로: [{
    길: '/',
    구성요소: 홈
  }]
})
const 앱 = 새로운 Vue({
  라우터,
  엘: "#vue-app",
  방법: {
    viewComponent: 함수(경로, 메소드) {
      디버거;
      let tf = `${경로}/${방법}`;

      newRoute = {를 허용하십시오.
        경로: tf,
        이름: `${경로}_${방법}`,
        구성요소: {
          푸
        },
      }
      this.$router.addRoute([newRoute])

    },

  }


});

  ddd

  <라우터-뷰>

Answer 1

1. 주된 문제는 배열을 addRoutefunction
에 전달한다는 것입니다.
2. 두 번째 문제는 경로의 시작 부분이 누락되었다는 것입니다. / (그것이 없으면 "중첩되지 않은 경로에는 선행 슬래시 문자가 포함되어야 합니다." 오류가 발생합니다)
3. 마지막으로 $router.push를 사용하여 새로운 경로로 이동

으아악 으아악