JavaScript - vue コンポーネントを使用してルーターリンクを動的に生成する方法

Question

リーリー

現在の問題

これは可能ですが、vue-router を実行する前にコンポーネントが登録されていないというエラーが報告されます。より良い動的実装方法があれば質問したいです。

元の質問↓

上記のように、サイドルートを動的に生成し、vue-routerを実行して解析する必要があるのですが、エラーが発生します。なぜエラーが発生したのか理解できません

その理由は、VueRouter インスタンスが存在しない場合でも、vue-router が自動的にルーターリンクを解析するためです。

Answer 1

1. まず第一に、Vue.component の 2 番目のパラメーターは構成オブジェクトです。その書き方は JS 構文にも準拠していません。

2. 次に、テンプレート設定は HTML コードの文字列である必要があるため、次のように変更します:

リーリー

アップデート

(参考: https://router.vuejs.org/ja/e...)

導入について言及した状況を考慮して、コードを次のように修正します:
まず、次の順序で Vue と Vue-router を導入します

リーリー

次に、次のJSを追加します

リーリー

は Vue.component()语句了，此时，因为注册了Vue-Router组件，<router-link> を使用して認識できます。