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

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