vue重定向

// Vue Router 重定向示例代码

// 定义路由配置
const routes = [
  {
    path: '/',
    redirect: '/home' // 访问根路径时重定向到 /home
  },
  {
    path: '/home',
    component: Home // 假设 Home 是一个组件
  },
  {
    path: '/redirect-me',
    redirect: to => {
      // 动态重定向，可以根据条件返回不同的路径
      if (someCondition) {
        return '/path-a';
      } else {
        return '/path-b';
      }
    }
  }
];

// 创建路由实例并传入配置
const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
});

// 挂载路由到 Vue 实例
new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

解释说明：

1. 静态重定向：在路由配置中使用 redirect 属性可以实现静态重定向。例如，访问根路径 / 时会自动重定向到 /home。

2. 动态重定向：可以使用函数形式的 redirect，根据某些条件返回不同的路径。例如，/redirect-me 路径会根据 someCondition 的值重定向到 /path-a 或 /path-b。

3. Vue Router 实例：通过 VueRouter 创建路由实例，并将路由配置传递给它。最后，将路由实例挂载到 Vue 实例中。

4. 组件挂载：Home 是一个假设的组件，实际使用时需要替换成你自己的组件。

如果你对 Vue Router 的其他功能感兴趣，欢迎继续提问！