vue のビュー ディレクトリには、ページ ディレクトリとも呼ばれる、作成されたさまざまなページであるページ レベルのコンポーネントが含まれています。ビュー ディレクトリにあるページ コンポーネントは、少なくとも 1 つのルートで使用され、ルーティングによってアクセスされるコンポーネントは、views ディレクトリに移動されます。
#この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。
vue の views ディレクトリに何を置くか
views はページ ディレクトリです
src/views: ログイン、メインなど、作成したさまざまなページを保存するために使用されます。 , etc.
view1.vue ページレベル コンポーネントは views ディレクトリに配置されます。サブコンポーネントがある場合は、サブディレクトリを作成できます。
知識を広げる:
2 つのディレクトリ src/components と src/views の両方に Vue コンポーネントが含まれています。
主な違いは、一部の Vue コンポーネントがルーティングでビューの役割を果たすことです。
Vue Router は通常、Vue ルーティングを処理するために使用されます。ルーティングとは、
コンポーネントの現在のビューを切り替えることです。これらのルートは通常、src/router/routes.js に配置され、次の内容が表示されます:
- public: 静的ファイルの保存に使用されます。
- public/index.html: プロジェクトのエントリ ファイルを生成するために使用されるテンプレート ファイルです。webpack によってパッケージ化された js と css もページに自動的に挿入されます。ブラウザがプロジェクトにアクセスすると、デフォルトで生成されたindex.htmlが開きます
- src: ここにさまざまなvueファイルが保存されます
- src /assets: 画像などのさまざまな静的ファイルを保存するために使用されます。
- src/components: ヘッダー、フッターなどのパブリック コンポーネントを保存するために使用されます。
- src/views: ログイン、メインなど、作成したさまざまなページを保存するために使用されます。
- src/APP.VUE: メインvue モジュールは他のモジュールを導入します。app.vue はプロジェクトのメインコンポーネントです。すべてのページは app.vue で切り替えられます。
- src/main.js: エントリ ファイル、メイン関数は次のとおりです。 vue インスタンスを初期化すると同時に、このファイル内のいくつかのコンポーネント ライブラリを参照したり、いくつかの変数をグローバルにハングしたりできます
- src/router.js: 理解できるルーティング ファイル各ページのアドレス パスとして、使用します。アクセスするには、ルーティング ガードを直接記述することもできます。
- src/store.js: 主にプロジェクト内のいくつかの状態を保存するために使用されます。 stateに状態を保存し、mutationsに記述する ステートに状態を変更するためのアクションは今のところ実用化されていない 使い方が分からない
#package.json: プロジェクト開発に必要な基本的なモジュール情報モジュール、バージョン、プロジェクト名 [関連する推奨事項: "
vue.js チュートリアル"]
以上がvueのviewsディレクトリに何を置くかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。