Vue实现点击图片跳转

要实现点击图片跳转，可以在 Vue 中使用 `<router-link>` 标签进行跳转。具体实现方式如下：

1. 在 Vue 组件中，添加一个图片标签，并设置点击事件：

<template>
  <div>
    <img src="your-image-url" @click="goToPage">
  </div>
</template>

2. 在 Vue 组件中，定义一个 `goToPage()` 方法，用于在点击图片时跳转到指定页面：

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

其中，`this.$router.push('/your-page-url')` 用于跳转到指定页面的 URL。注意，要在 Vue 组件中使用 `$router` 对象，需要先在 `main.js` 文件中进行配置：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const routes = [
  // 定义路由
]

const router = new VueRouter({
  routes // （缩写）相当于 routes: routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这样，在 Vue 组件中就可以使用 `$router` 对象进行路由跳转了。