<p>動的ルートを追加し、すべての動的ルートで同じコンポーネントを使用したいと考えています。次のコードを実行してコンポーネントをレンダリングしようとしましたが、次のエラー メッセージが表示されてエラーが発生しました: </p> <ブロック引用> <p>[vue-router] ルーティング設定には「パス」が必要です。 </p> </blockquote> <p>動的ルーティングを追加して同じコンポーネントを表示する正しい方法は何ですか? </p> <p> <pre class="brush:js;toolbar:false;">const Foo = { テンプレート: '<div>Foo</div>' } const ホーム = { テンプレート: '<div>ホーム</div>' } const router = new VueRouter({ モード: '履歴'、 ルート: [{ パス： '/'、 コンポーネント: ホーム }] }) const app = 新しい Vue({ ルーター、 el: "#vue-app", メソッド: { viewComponent: 関数(パス, メソッド) { デバッガ; let tf = `${パス}/${メソッド}`; newRoute = { にします パス: tf、 名前: `${パス}_${メソッド}`、 コンポーネント: { フー }、 } this.$router.addRoute([新しいルート]) }、 } });</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> <ルータービュー></ルータービュー> </div></pre> </p>