vue3 router.push

// 使用 Vue Router 的 router.push 方法进行路由导航

// 引入 Vue 和 Vue Router
import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';
import App from './App.vue';
import Home from './views/Home.vue';
import About from './views/About.vue';

// 创建路由器实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
});

// 创建 Vue 应用实例并挂载路由器
const app = createApp(App);
app.use(router);
app.mount('#app');

// 在组件中使用 router.push 进行导航
export default {
  name: 'SomeComponent',
  methods: {
    navigateToAbout() {
      // 使用 router.push 方法导航到关于页面
      this.$router.push({ path: '/about' });
    }
  }
}

// 解释说明：
// router.push 是 Vue Router 提供的一个方法，用于在应用程序中进行编程式的导航。
// 它可以接受一个字符串路径或一个描述目标位置的对象作为参数。
// 在上面的示例中，我们创建了一个简单的 Vue 应用，并定义了两个路由：主页和关于页。
// 然后在组件的方法中，通过调用 this.$router.push({ path: '/about' }) 来导航到关于页面。