Vue プロジェクトでコンポーネントを作成する手順のデモンストレーション

typeNav サブコンポーネントなどの関連するサブコンポーネントをホーム インターフェイス ファイルから抽出します。

この typeNav が複数のインターフェイスによってグローバルに使用される場合は、コンポーネント フォルダーに置きます。

グローバル パブリック コンポーネントとして、ホーム インターフェイスでのみ使用される場合は、pages フォルダーの下に配置します。

typeNav 関連のコード イメージを抽出して公開する

このサブコンポーネントをホーム コンポーネントに導入し、typeNav パブリック コンポーネントを main.js フォルダーに導入します。

そして、このパブリックコンポーネント Vue.component('TypeNav',TypeNav) を登録することで、コンポーネントの作成、導入、マウントが完了します。