首先，src/components和src/views这两个文件夹都包含Vue组件。

关键的区别在于一些Vue组件充当路由的视图。

在Vue中处理路由时，通常使用Vue Router，定义路由是为了切换< 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下的组件将被至少一条路由使用。

Vue CLI的目标是成为Vue的标准工具基线 生态系统。它确保了各种构建工具顺利地协同工作 使用合理的默认值，这样您就可以专注于编写应用程序，而不是 花几天时间和配置争论。与此同时，它 仍然提供了调整每个工具配置的灵活性 弹射的需要。

Vue CLI旨在快速开发Vue.js，它使事情变得简单并提供灵活性。它的目标是使具有不同技能水平的团队能够建立一个新项目并开始工作。

归根结底，这是一个便利性和应用程序结构的问题。

有些人喜欢把视图文件夹放在src/router下面 这是企业的样板。 有些人称之为页面而不是视图。 有些人将所有组件都放在同一个文件夹下。

选择最适合您正在处理的项目的应用程序结构。

我认为这更像是一种惯例。一些可重用的东西可以保存在src/components文件夹中，一些绑定到路由器的东西可以保存在src/views文件夹中

通常可重用视图建议放在src/components目录下。例如页眉，页脚，广告，网格或任何自定义控件喜欢样式的文本框或按钮。可以在视图中访问一个或多个组件。

视图可以有组件，视图实际上是通过导航url访问的。它们通常放在src/views中。

请记住，您并不是必须通过url访问组件。你可以自由地向router.js添加任何组件并访问它。但如果你打算这样做，你可以把它移动到src/views，而不是放在src/components中。

组件是类似于asp.net web表单的用户控件。

它只是为了更好地维护和可读性而构建代码。

这两个文件夹基本上是相同的，因为它们都包含组件，但Vue的美学是将作为页面(路由到类似的页面进行导航)的组件保存在/views文件夹中，而可重用的组件(如表单字段)保存在/components文件夹中。

Src /views通常用于应用程序中通过路由器导航的主页。 Src /components用于在主页内使用的可重用组件(在同一页面内多次使用或跨不同页面使用)

您可以将视图视为页面和组件之类的可重用代码块，可以在任何页面或组件中使用(两者都是Vue文件，这些术语只是为了演示)

较少动态的接近静态页面的内容被引用到视图中，更多可重用的动态内容被放置在组件下。

很简单，视图是路由的，而组件是路由的组件。

这两个文件夹都包含Vue组件，“views”文件夹应该包含根级组件，其他组件将被导入其中。所谓的“其他组件”驻留在“组件”文件夹中。让我们举一个例子来说明。

假设你的网站yourname.com有3个根级页面

yourname.com yourname.com/about yourname.com/price

你的“views”文件夹有3个组件。”。vue”、“指数。Vue '和'price.vue'。这些文件可以导入到路由器文件中，也可以直接导入到app.vue文件中进行路由。这些视图可以包含多个组件，比如“price-card”。vue”、“联系人名片。Vue '等等。这些文件通常位于名为“components”的文件夹中。你可以在“views”文件夹中的vue文件中导入这些组件，然后渲染它们。

正如其他人所提到的，这非常简单:您通常使用视图来显示希望用户导航的实际页面。组件是那些页面中的元素，您可以在项目的任何页面中重用它们。

在我的视图中，组件文件夹必须包含将在视图中使用的组件。在视图中，必须有那些被路由器访问的页面。例如，你有一个导航栏，页眉和页脚在你的页面中使用，你有一个登录页面，注册页面和主页。然后你的src/components必须包含页眉，页脚和导航栏。在src/views中必须有登录、注册和主文件等文件。

只是按逻辑顺序安排项目。您仍然可以在视图文件夹中创建组件，但这是分离项的更好方法，这样代码就不那么混乱了。

不同之处在于它们所起的作用。视图用于正确地表示您的页面，以便您可以来回导航，而组件是组成页面的部分