vue通过button按钮实现局部页面跳转

Vue中可以使用`<router-link>`标签或者`$router.push()`方法来实现页面跳转，其中`<router-link>`标签会自动渲染成`<a>`标签，而`$router.push()`方法则需要手动触发页面跳转。

如果你要通过button按钮实现局部页面跳转，可以使用`<router-link>`标签，并将其包裹在`<button>`标签中，如下所示：

<template>
  <div>
    <h2>当前页面</h2>
    <button>
      <router-link to="/other-page">跳转到其他页面</router-link>
    </button>
  </div>
</template>

当用户点击按钮时，会自动触发路由跳转到`/other-page`页面。

如果你想通过`$router.push()`方法实现页面跳转，可以在按钮的点击事件中调用该方法，如下所示：

<template>
  <div>
    <h2>当前页面</h2>
    <button @click="goToOtherPage">跳转到其他页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToOtherPage() {
      this.$router.push('/other-page')
    }
  }
}
</script>

当用户点击按钮时，会触发`goToOtherPage()`方法，该方法会调用`$router.push()`方法进行页面跳转。