npm install vue-router

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

// 导入组件
import Home from './components/Home.vue';
import About from './components/About.vue';

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
});

router.beforeEach((to, from, next) => {
  // 在这里执行你想要在路由切换之前触发的逻辑

  // 例如，可以在这里执行一些数据加载操作

  // 完成逻辑后，调用next()函数来继续路由切换
  next();
});

export default router;

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

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