新vue工程为什么没有router

新的Vue工程没有router的原因可能有以下几点：

1. 使用的是Vue模板项目：有一些Vue项目模板是没有预先安装Vue Router的。如果你使用了这些模板来创建你的工程，那么你就需要手动安装和配置Vue Router。

2. 没有选择安装Vue Router：在创建Vue工程时，可以选择是否安装Vue Router。如果你没有选择安装Vue Router，那么你的工程就不会包含该功能。

3. 不需要使用Vue Router：Vue Router是一个用于构建SPA（单页面应用）的官方路由器。它主要用于构建具有多个视图和嵌套视图的应用程序。如果你的应用只有一个页面或者只有一个视图，那么你可能不需要使用Vue Router。

无论是哪种情况，如果你想要在你的Vue工程中使用Vue Router，你可以通过以下步骤来安装和配置Vue Router：

1. 使用命令行工具进入到你的Vue工程目录。

2. 执行以下命令来安装Vue Router：npm install vue-router

3. 在你的Vue工程中，创建一个router.js（或者其他名称）文件，并在其中配置Vue Router。

4. 在你的主Vue组件中引入并使用Vue Router。

这样，你就可以在你的Vue工程中使用Vue Router来进行路由管理了。

在新建一个Vue工程时，为什么没有自动创建router的原因有以下几点：

1. 简单的项目不需要路由功能：有些项目可能只是一个简单的静态页面，不需要页面之间的切换和动态路由功能。对于这种项目，没有自动创建router是合理的。

2. 路由功能可以手动添加：即使在新建工程时没有自动创建router，开发者仍然可以手动添加路由功能。Vue提供了Vue Router插件，开发者只需要在项目中安装并配置Vue Router即可实现路由功能。

3. 减少初学者的复杂度：对于初学者来说，理解和使用路由功能可能是一种挑战。为了减少初学者的复杂度，并让他们专注于学习Vue的基本概念和语法，新建工程时不会自动创建router。

4. 避免冗余代码：新建工程时自动创建router可能会导致生成一些冗余的代码。为了简化项目结构和减少不必要的代码量，新建工程时没有自动创建router成为了一个更好的选择。

5. 路由功能是可选的：不是所有的Vue项目都需要路由功能。有些项目可能只需要一个简单的单页面应用，而不是一个多页面应用。为了不强迫开发者在每个项目中都使用路由功能，新建工程时没有自动创建router。

一个新建的Vue工程如果没有安装和配置路由（router）的原因可能有以下几种情况：

1. 未选择使用路由
   在创建Vue工程的过程中，可能没有选择使用路由。在创建新工程时，Vue提供了一些选项供用户选择，包括是否使用路由、Vuex、预处理器等等。如果没有选择使用路由，那么新工程就不会安装和配置路由。

2. 手动安装路由
   有时候，开发者可能会选择手动安装和配置路由。在这种情况下，工程创建时不会默认安装路由，开发者需要手动进行安装和配置。

接下来，我将详细介绍在一个新建的Vue工程中如何安装和配置路由。

第一步：安装Vue Router模块
在命令行中进入Vue工程的根目录，执行以下命令安装Vue Router：

npm install vue-router

第二步：创建路由文件
在src目录下创建一个名为router的目录，然后在该目录下创建一个名为index.js的文件，作为我们的路由文件。

第三步：配置路由
在index.js文件中，我们首先需要引入Vue和Vue Router模块，然后创建一个新的Vue Router实例并导出。

示例代码如下：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  // 在这里配置路由
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

在routes数组中，我们可以添加我们的路由配置。例如，我们可以添加一个名为Home的路由：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  }
]

上面的代码中，path指定了URL的路径，name用于在代码中引用该路由，component指定了该路由对应的组件。

第四步：在main.js中配置路由
我们还需要将创建的路由实例注册到Vue实例中。

在src目录下的main.js文件中，我们需要在vue实例化之前添加以下代码：

import router from './router'

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

在这里，我们将router注入到Vue实例中，使得我们的路由配置能够生效。

至此，我们已经完成了一个基本的路由配置。你可以按照上面的步骤创建自己的路由配置，然后在组件中使用路由进行导航。

总结：
当一个新建的Vue工程没有路由时，可能是因为未选择使用路由，或者是未手动安装和配置路由。可以通过安装Vue Router模块，创建路由文件并配置路由来搭建一个基本的路由系统。