vue点击按钮跳转页面

要在Vue中实现点击按钮跳转页面，您可以使用Vue Router。Vue Router是Vue.js官方的路由管理器，它允许您在单页应用程序中定义导航。下面是一个简单的示例，演示了如何使用Vue Router在按钮点击时跳转到新页面。

首先，您需要安装Vue Router。可以使用npm或yarn进行安装：

npm install vue-router

或

yarn add vue-router

下面是一个示例组件，其中包含一个按钮，当按钮被点击时，应该导航到名为“/newpage”的新页面：

<template>
  <div>
    <button @click="navigateToNewPage">Go to new page</button>
  </div>
</template>

<script>
import { mapActions } from 'vuex';
export default {
  methods: {
    navigateToNewPage() {
      this.$router.push('/newpage');
    }
  }
}
</script>

在这个组件中，我们使用`this.$router.push('/newpage')`方法来导航到新页面。您还需要确保您的Vue应用程序已经配置了Vue Router并且已经定义了名为“/newpage”的路由。