vue 点击按钮跳转路由

点击按钮跳转路由有两种形式：声明式导航和编程式导航。在Vue中，声明式导航可以使用`router-link`组件来实现，通过设置`to`属性指定目标路由路径。编程式导航可以使用`this.$router.push()`方法或`this.$router.replace()`方法实现，通过传入目标路由路径作为参数进行跳转。

下面是一个例子：

<template>
  <div>
    <router-link to="/page1">跳转到页面1</router-link>
    <button @click="gotoPage2">跳转到页面2</button>
  </div>
</template>

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