vue3第一次点击按钮改变内容 第二次点击跳转路由

你可以在Vue3中为按钮设置一个点击事件，使用`@click`指令。在方法中，你可以使用Vue Router的`$router.push()`方法来跳转到另一个路由。

这里是一个简单的示例代码：

<template>
  <div>
    <button @click="changeText()">点击我</button>
    <p>{{ text }}</p>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  data() {
    return {
      text: 'Hello World',
      clicked: false
    }
  },
  methods: {
    changeText() {
      if (this.clicked) {
        this.$router.push('/other-route')
      } else {
        this.text = 'Button clicked!'
        this.clicked = true
      }
    }
  }
})
</script>

这个示例中，我们首先定义了一个按钮和一个文本段落，然后在`data()`函数中初始化了一个`text`变量和一个`clicked`变量。在`changeText()`方法中，我们检查`clicked`变量是否为`true`，如果是，则使用`$router.push()`方法跳转到另一个路由，否则将文本变量`text`更新为`"Button clicked!"`并将`clicked`设置为`true`。这样，第一次点击按钮时，文本将被更新，第二次点击时，将跳转到其他路由。