コマンドライン（CLI）を使用してVue.jsプロジェクトを初期化しました。CLI作成src/componentsし、src/viewsフォルダを。

Vueプロジェクトで作業してから数か月が経ちましたが、フォルダー構造は初めてのようです。

で生成されたVueプロジェクトのviewsとcomponentsフォルダーの違いは何vue-cliですか？

まず、両方のフォルダーsrc/componentsとsrc/viewsにVueコンポーネントが含まれています。

主な違いは、一部のVueコンポーネントがルーティングのビューとして機能することです。

Vueでルーティングを処理するとき、通常はVueルーターで、コンポーネントで使用されている現在のビューを切り替えるためにルートが定義され<router-view>ます。これらのルートは通常にあり、src/router/routes.js次のようなものが表示されます。

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

export default [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
]

下にsrc/componentsあるコンポーネントはルートで使用される可能性が低くなりますが、下にあるコンポーネントsrc/viewsは少なくとも1つのルートで使用されます。

Vue CLIは、Vueエコシステムの標準的なツールベースラインになることを目指しています。これにより、さまざまなビルドツールが適切なデフォルトとスムーズに連携し、構成に何日も費やすのではなく、アプリの作成に集中できます。同時に、イジェクトする必要なしに、各ツールの構成を微調整する柔軟性も提供します。

Vue CLIはVue.jsの迅速な開発を目指しており、物事をシンプルに保ち、柔軟性を提供します。その目標は、さまざまなスキルレベルのチームが新しいプロジェクトをセットアップして開始できるようにすることです。

結局のところ、それは利便性とアプリケーション構造の問題です。

• 一部の人々は、このエンタープライズ定型文のsrc/routerように Viewsフォルダーを配置したいと考えています。
• ビューではなくページと呼ぶ人もいます。
• 一部の人々は同じフォルダの下にすべてのコンポーネントを持っています。

作業中のプロジェクトに最適なアプリケーション構造を選択してください。

私はそれは慣習のようなものだと思います。再利用可能なものはsrc / componentsフォルダーに保持でき、ルーターに関連付けられたものはsrc / viewsに保持できます。

通常、再利用可能なビューはsrc/componentsディレクトリに配置することをお勧めします。ヘッダー、フッター、広告、グリッド、またはカスタムコントロールなどの例は、スタイル付きテキストボックスやボタンなどです。ビュー内で1つ以上のコンポーネントにアクセスできます。

ビューはコンポーネントを持つことができ、ビューは実際にはナビゲーションURLからアクセスすることを目的としています。通常はに配置されsrc/viewsます。

URL経由でコンポーネントにアクセスする必要はありません。コンポーネントを自由に追加してrouter.jsアクセスすることもできます。ただし、そうする場合はsrc/views、に配置するのではなく、に移動できますsrc/components。

コンポーネントは、asp.net Webフォームに類似したユーザーコントロールです。

メンテナンスと読みやすさを向上させるためにコードを構造化することについてです。

両方のフォルダーはコンポーネントを保持するため、基本的に同じですが、Vueの美観は、ページとして機能するコンポーネント（ナビゲーション用に同じページにルーティングされる）は/viewsフォルダーに保持され、フォームフィールドなどの再利用可能なコンポーネントは/componentsフォルダーに保持されることです。