使用npm方式为项目安装vue-router，将路由文件router.js存放在sre目录下。

好的，你可以按照以下步骤来安装和配置vue-router：

1. 打开终端或命令提示符，进入项目根目录。
2. 运行以下命令来安装vue-router：

   npm install vue-router --save

这个命令会在项目中安装vue-router并将其添加到package.json文件中。

3. 创建一个新的目录 `src/router`，并在其中创建一个名为`index.js`的文件。

4. 在`index.js`中，首先导入Vue和VueRouter：

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   
   Vue.use(VueRouter)

5. 然后导入路由文件`router.js`，并在`index.js`中配置路由：

   import routes from './sre/router'
   
   const router = new VueRouter({
     mode: 'history',
     routes
   })
   
   export default router

在上面的代码中，我们使用`import`语句导入了路由文件，并使用`VueRouter`创建了一个新的路由实例。我们通过配置`mode`属性来指定路由模式，这里我们使用`history`模式。最后，我们将路由实例导出，以便在Vue中使用。

6. 在Vue实例中引入路由，在`main.js`中添加以下代码：

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

在上面的代码中，我们使用`import`语句导入路由实例，并将其作为Vue实例的`router`选项传递。这样，我们就可以在Vue组件中使用路由功能了。

7. 最后，在需要使用路由的组件中，例如`App.vue`，添加`<router-view></router-view>`标签，这是路由组件的占位符。

   <template>
     <div id="app">
       <router-view></router-view>
     </div>
   </template>

这样，我们就完成了vue-router的安装和配置，并可以在Vue项目中使用路由功能了。