2
現在、Vue.jsのプロジェクトに取り組んでいます。これはWebpack、Vue.js、Babelなどを使用してフル環境で作業しています。Vue.jsを使用したナビゲーションバー
以前のプロジェクトでは、ナビゲーションバーを持つことはかなり簡単でした。 HTML構造を追加し、リンクをハードコードしてください。それだけです。ナビゲーションバーが完成しました。 Vue.jsでは、これがコンポーネントの感覚を破壊すると思います。私は<nav-bar>コンポーネントといくつかの<nav-bar-item>コンポーネントを追加しました。これはうまく動作し、ナビゲーションバーが表示され、アイテムが含まれます。
今実際の問題に：これらのアイテムのリンクとテキストはどこに置くのですか？私の推測では、それらを<nav-bar>のコンポーネントの中に入れていましたが、テキストは<nav-bar-item>コンポーネントによってレンダリングされていましたので、データを渡す必要があります。アイテムがサイト全体の内容を「知らない」ため、コンポーネントを直接<nav-bar-item>コンポーネント内に配置すると機能しません。
ここでベストプラクティスは何ですか？データを渡しますか？グローバルコンフィギュレーションを作成しますか？
ありがとうございます！
https://vuejs.org/v2/guide/components.html#Propsを使用して、各項目のデータを、それらを反復処理し、送信することができますitems.Thenナビゲーションバーについての情報を格納します親コンポーネントで初期データを定義していますページアプリ？ –
私は複数ページのアプリケーションを構築していますが、私はそれを行うためにvue-routerを使用しています。基本的にはSPAですが、さまざまな見解が得られます。 – NikxDa
これらのビューは基本的にVueコンポーネントであり、ルーター設定で対応するパスのためにそれらを添付しましたか？ –