在Vue.js中，实现页面跳转通常是通过使用Vue Router来完成的。Vue Router是Vue.js官方的路由管理器，它允许你为单页面应用（SPA）定义路由和路由逻辑。在这个例子中，我们将使用@click事件和Vue Router的导航方法来实现页面跳转。
首先，确保你的项目中已经安装并配置了Vue Router。以下是一个简单的步骤来展示如何使用@click实现页面跳转：
1. 设置路由：在Vue项目中，通常你会在`src/router/index.js`文件中设置你的路由。
2. 在组件中使用@click：接下来，你可以在任何组件中添加一个点击事件处理器，当用户点击某个元素时，触发页面跳转。
假设你有一个按钮，当点击这个按钮时，你想要跳转到“关于我们”页面，以下是如何在Vue组件中实现这一功能：
在上面的代码中，`@click`是一个Vue的指令，它绑定了一个点击事件到按钮上。当按钮被点击时，`goToAbout`方法会被调用。这个方法使用`this.$router.push('/about')`来导航到`/about`路由对应的组件。
3. 处理路由参数和查询：如果你需要传递参数或查询字符串到目标路由，你可以这样做：
或者，如果你想要传递查询参数：
4. 编程式导航与声明式导航：在上面的例子中，我们使用了编程式导航（通过调用方法）。你也可以使用声明式导航，即在模板中使用`<router-link>`组件：
这样，当用户点击链接时，会自动导航到`/about`路由。
通过以上步骤，你可以在Vue中使用@click事件实现页面跳转，无论是通过编程式导航还是声明式导航。这种方法使得你的Vue应用可以更加流畅地响应用户操作，并保持单页面应用的单向数据流特性。
