Vue脚手架是一个快速搭建Vue项目的工具。它拥有许多默认的配置和插件，其中包括自带的路由。在这篇文章中，我们将探讨Vue脚手架自带路由的实现方式。

首先，让我们看一下在Vue脚手架中如何创建一个基本的带路由的项目。打开命令行终端，输入以下命令：

vue create my-project<br/>
cd my-project<br/>
npm run serve

这将创建一个名为“my-project”的Vue项目，并启动开发服务器。接下来，让我们安装vue-router：

npm install vue-router

现在，我们需要在我们的应用程序中导入Vue Router并定义路由。在“src”文件夹中，创建一个名为“router.js”的新文件（如果你使用Vue CLI创建项目，则默认情况下会将Vue Router文件放在此处）。以下是一个基本的配置：

import Vue from 'vue'<br/>
import Router from 'vue-router'<br/>
import Home from './views/Home.vue'<br/>
import About from './views/About.vue'<br/>
Vue.use(Router)<br/>
export default new Router({<br/>
routes: [<br/>
{<br/>
path: '/',<br/>
name: 'home',<br/>
component: Home<br/>
},<br/>
{<br/>
path: '/about',<br/>
name: 'about',<br/>
component: About<br/>
}<br/>
]<br/>
})

在这里，“routes”数组包含定义的路由。我们定义了两个路由：一个指向主页（“/”），另一个指向关于页面（“/about”）。现在，我们需要让Vue应用程序知道我们有一个router.js文件。打开“src/main.js”文件，并添加以下内容：

import Vue from 'vue'<br/>
import App from './App.vue'<br/>
import router from './router'<br/>
new Vue({<br/>
router,<br/>
render: h => h(App)<br/>
}).$mount('#app')

这意味着我们的Vue实例将使用Vue Router作为其路由器配置。

现在我们已经设置好了路由，让我们看看如何在Vue组件中使用路由。打开“src/views/Home.vue”文件（如果您使用Vue CLI创建项目，则默认情况下将在此处创建此文件）。请参阅以下示例：

<template><br/>
<div><br/>
<h1>Home Page</h1><br/>
<router-link to="/about">Go to About Page</router-link><br/>
</div><br/>
</template>

这里我们使用Vue Router提供的“router-link”组件来链接到我们的“/about”页面。

这就是在Vue脚手架中自带路由的全部内容。它非常容易设置，使您可以轻松地为您的应用程序添加页面和导航。