vue 跳转到其他页面触发的函数

在 Vue 中，要实现页面跳转并触发相应的函数，你可以使用 Vue Router。下面是基本的步骤：

1. 首先，确保你已经安装了 Vue Router。可以通过运行以下命令来安装：

npm install vue-router

2. 在你的应用程序的入口文件（例如 main.js）中，引入并使用 Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 定义你的路由配置
    { path: '/home', component: Home },
    { path: '/about', component: About }
  ]
})

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

3. 在组件中，你可以使用 `router-link` 标签或 `this.$router.push` 方法来触发页面跳转。例如，在点击事件中调用 `this.$router.push` 来跳转到其他页面：

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

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

这样，当用户点击按钮时，会触发 `redirectToAbout` 方法，从而跳转到 `/about` 页面。

当然，这只是一个简单的示例，你可以根据自己的需求进行更复杂的路由配置和页面跳转逻辑。更多关于 Vue Router 的使用可以参考官方文档：https://router.vuejs.org/zh/