Vue2项目创建路由（不涉及嵌套路由）

在Vue2项目中新建一个路由，按照以下步骤进行操作：

1. 在Vue项目的源代码目录中，找到src文件夹，然后在该文件夹下新建一个名为router的文件夹。

2. 在router文件夹中，创建一个名为index.js的文件，这将是我们的路由配置文件。

3. 打开index.js文件，首先引入Vue和Vue Router：

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

4. 接下来，使用Vue.use()方法来注册Vue Router：

     Vue.use(VueRouter);

5.   定义路由表，可以根据需要添加多个路由，例如：

   const routes = [ 
       {    
           path: '/', 
           name: 'Home', 
           component: () => import('@/views/Home.vue') // 用于指定对应路径的组件 
       }, 
       { 
           path: '/about', 
           name: 'About', 
           component: () => import('@/views/About.vue') 
       }
   ];

这里的path是路由路径，name是路由名称，component是对应的组件路径。可以根据自己的需求修改和添加更多路由。

        6.  创建一个VueRouter实例并导出，将上一步定义好的路由表传入：

const router = new VueRouter({ 
    mode: 'history', // 使用history模式，去掉URL中的# 
    routes // 路由表 
}); 
export default router;

        7. 然后，需要将路由文件导入到Vue项目的主入口文件（如main.js）中，并将其与根实例关联起来：

import Vue from 'vue'; 
import App from './App.vue'; 
import router from './router'; // 导入路由

Vue.config.productionTip = false; 

new Vue({ 
    router, // 关联路由 
    render: h => h(App) 
}).$mount('#app');

至此，一个简单的路由配置完毕