vue如何安装roter

要在 Vue 中使用路由（router），需要先安装 vue-router 包。您可以通过以下命令使用 npm 安装：

npm install vue-router

安装完成后，您需要在 Vue 项目中引入 vue-router。在 main.js 文件中，可以这样引入：

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

Vue.use(VueRouter)

接下来，您就可以在 Vue 组件中使用路由功能了。需要注意的是，您需要先定义路由配置，然后将其传递给 VueRouter 实例。以下是一个简单的路由配置示例：

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

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

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

export default router

在以上示例中，我们定义了两个路由，分别是首页和关于页面。对应的组件分别是 Home 和 About，这些组件需要您自己定义。要完成路由功能，还需要在 Vue 根实例中挂载路由：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

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

这样，您就可以在 Vue 应用中使用路由功能了。