在前端開發中，我們常常會遇到需要跳轉到不同頁面的情況。而在Vue中，通過簡單的綁定事件，我們可以輕松實現點擊button跳轉到其他頁面的功能。

首先，在Vue中，我們需要使用Vue Router來實現路由跳轉的功能。Vue Router是Vue.js官方的路由管理器，它和Vue.js核心深度集成，可以讓我們輕松地實現單頁應用程序的跳轉切換功能。

在使用Vue Router之前，我們需要先安裝它?？梢酝ㄟ^以下命令，在命令行中安裝Vue Router：

npm install vue-router --save

安裝完成后，我們需要在Vue項目中引入Vue Router?？梢酝ㄟ^以下代碼，在main.js文件中引入：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

這樣，我們就可以在Vue組件中使用Vue Router了。下面是一個簡單的例子，演示如何通過點擊button來跳轉到其他頁面：

在這段代碼中，我們首先在template標簽中定義了一個元素。在這個元素中，我們綁定了一個點擊事件，當用戶點擊這個時，就會執行goToOtherPage方法。

在goToOtherPage方法中，我們調用了Vue Router提供的push方法來實現路由的跳轉。在這個例子中，我們將要跳轉到/other-page這個路由地址，這個地址在Vue Router中需要在router/index.js文件中進行配置。

在router/index.js文件中，我們需要定義Vue Router的路由地址。通過以下代碼可以實現：

import Vue from 'vue'
import VueRouter from 'vue-router'
import OtherPage from '@/views/OtherPage.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/other-page',
name: 'OtherPage',
component: OtherPage
}
]
const router = new VueRouter({
routes
})
export default router

在這段代碼中，我們首先引入了Vue、Vue Router和OtherPage組件，然后定義了一個routes數組。在這個數組中，我們定義了一個路由地址，它的path是/other-page，name是OtherPage，component是OtherPage組件。

最后，我們通過new VueRouter方法創建了一個Vue Router實例，并通過routes選項來配置路由地址。我們將這個Vue Router實例導出，以供其他文件調用。

通過以上代碼，我們就可以實現點擊

跳轉到其他頁面的功能了。當用戶點擊這個時，就會跳轉到/other-page地址，進入OtherPage組件中。