首先，src/components和文件夾src/views都包含Vue組件。
關鍵區別在於某些Vue組件充當路由視圖。
在Vue中（通常是Vue Router）處理路由時，將定義路由以切換組件中使用的當前視圖<router-view>。這些路線通常位於src/router/routes.js
位於下方的組件src/components不太可能在一條路線中使用，而位於下方的組件src/views將被至少一條路線使用。
我認為這更多是一種慣例。可重用的內容可以保存在src / components文件夾中，與路由器綁定的內容可以保存在src / views中。
通常建議將可重用的視圖放置在src/components目錄中。諸如頁眉，頁腳，廣告，網格或任何自定義控件之類的示例，如樣式化的文本框或按鈕。可以在視圖內部訪問一個或多個組件。
一個視圖可以具有一個或多個組件，並且一個視圖實際上打算由導航URL訪問。它們通常放置在中src/views。
請記住，您不受限制通過url訪問組件。您可以隨意將任何組件添加到中，router.js也可以對其進行訪問。但是，如果您打算這樣做，可以將其移至src/views而不是將其放置在中src/components。
組件是類似於asp.net Web表單的用戶控件。
它只是為了更好的維護和可讀性而構造代碼。
這兩個文件夾基本都相同，因為它們都包含組件，但是Vue的美感在於，將用作頁面的組件（路由到類似頁面進行導航）保留在/views文件夾中，而可重用組件（例如表單字段）保留在/components文件夾中。