我只是使用命令行（CLI）初始化Vue.js项目。在CLI创建src/components和src/views文件夹。

自从我从事Vue项目以来已经有几个月了，文件夹结构对我来说似乎是新的。

用生成的Vue项目中的views和components文件夹有什么区别vue-cli？

首先，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像 这样的企业样板。
• 有人称它为Pages而不是Views。
• 有些人将所有组件都放在同一文件夹下。

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

我认为这更多是一种惯例。可重用的内容可以保存在src / components文件夹中，与路由器绑定的内容可以保存在src / views中

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

一个视图可以具有一个或多个组件，并且一个视图实际上打算由导航URL访问。它们通常放置在中src/views。

请记住，您不受限制通过url访问组件。您可以随意将任何组件添加到中，router.js也可以对其进行访问。但是，如果您打算这样做，可以将其移至src/views而不是将其放置在中src/components。

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

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

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