实现页面显示图片，页面提供三个按钮，按下不同按钮，img 显示不同的图片，图片放入 在项目根目录下 src/assets 子目录中

好的，这个问题很容易实现。我们可以使用 Vue.js 框架来实现该功能。

首先，我们需要在项目中的 src/assets 目录下添加三个不同的图片文件，例如：

- src/assets/image1.jpg
- src/assets/image2.jpg
- src/assets/image3.jpg

然后，我们可以在 Vue 组件中定义一个 data 对象，用于存储当前显示的图片路径，以及三个不同的图片路径。例如：

<template>
  <div>
    <img :src="currentImage" alt="当前图片">
    <button @click="showImage1">显示图片1</button>
    <button @click="showImage2">显示图片2</button>
    <button @click="showImage3">显示图片3</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentImage: '',  // 当前显示的图片路径
      image1: require('@/assets/image1.jpg'),
      image2: require('@/assets/image2.jpg'),
      image3: require('@/assets/image3.jpg')
    }
  },
  methods: {
    showImage1() {
      this.currentImage = this.image1
    },
    showImage2() {
      this.currentImage = this.image2
    },
    showImage3() {
      this.currentImage = this.image3
    }
  }
}
</script>

在上面的代码中，我们定义了一个 currentImage 变量，用于存储当前显示的图片路径。同时，我们使用 require 函数来加载图片文件，然后分别定义了三个方法来更新 currentImage 变量的值，从而实现显示不同的图片。

最后，我们在组件模板中使用 img 标签来显示当前的图片，以及三个按钮来切换不同的图片。