vue3点击按钮跳转页面

你可以使用 Vue Router 来进行页面路由，并在按钮的点击事件中使用 `$router.push()` 方法来实现页面的跳转。以下是一个简单的示例：

在 main.js 中导入 Vue Router：

import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    }
  ]
});

createApp(App).use(router).mount('#app');

在组件内的模板中添加按钮，并在点击事件中调用 `$router.push()` 方法：

<template>
  <div>
    <button @click="goToAbout">Go to About</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToAbout() {
      this.$router.push('/about');
    }
  }
}
</script>

这样点击按钮就可以跳转到 `/about` 路由对应的页面了。