Vue Router的安装与基本使用方法

// 安装Vue Router
npm install vue-router
 
// 在你的Vue项目中的main.js文件中引入Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'
 
// 告诉Vue使用Vue Router
Vue.use(VueRouter);
 
// 引入组件
import Home from './components/Home.vue'
import About from './components/About.vue'
 
// 创建Vue Router实例并配置路由
const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/home',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
});
 
// 创建和挂载Vue实例，传入router配置
new Vue({
  el: '#app',
  router,
  render: h => h(App)
});
 
// 在App.vue或其他组件中使用<router-view/>来显示当前路由内容
// 使用<router-link/>来导航到不同的路由

这段代码展示了如何在Vue项目中安装和设置Vue Router，并且如何定义路由和使用路由链接进行导航。