创建Vue实例，在实例中分别定义挂载元素、数据、方法和钩子函数，通过next()方法设置下一张图片的索引，通过change()方法设置当单击某个数字按钮后显示对应的图片

### 回答1：
好的，我来给您写一份示例代码。

HTML部分：

<div id="app">
  <img :src="imgList[currentIndex]" alt="">
  <div class="btns">
    <span v-for="(item, index) in imgList" :key="index" @click="change(index)" :class="{active: currentIndex === index}">{{index + 1}}</span>
  </div>
</div>

JS部分：

var vm = new Vue({
  el: '#app',
  data: {
    imgList: [
      'img1.jpg',
      'img2.jpg',
      'img3.jpg',
      'img4.jpg'
    ],
    currentIndex: 0
  },
  methods: {
    next() {
      this.currentIndex = (this.currentIndex + 1) % this.imgList.length;
    },
    change(index) {
      this.currentIndex = index;
    }
  },
  mounted() {
    setInterval(() => {
      this.next();
    }, 3000);
  }
});

在上面的代码中，我们通过Vue的构造函数创建了一个Vue实例，并将其挂载到页面上的id为“app”的元素上。在data中定义了要展示的图片列表和当前显示图片的索引。在methods中定义了两个方法：next和change，next方法用于设置下一张图片的索引，change方法用于根据点击的数字按钮设置对应的图片索引。在mounted钩子函数中使用setInterval方法，每隔3秒钟就调用next方法，实现图片自动轮播的效果。

### 回答2：
创建Vue实例时，可以通过el属性来指定要挂载的元素，data属性来定义数据，methods属性来定义方法，而钩子函数则是在生命周期中执行的特定函数。

首先，我们创建一个Vue实例并指定要挂载的元素为"#app"：

new Vue({
  el: '#app',
  data: {
    images: ['image1.jpg', 'image2.jpg', 'image3.jpg'], // 图片数组
    currentIndex: 0 // 当前显示的图片索引
  },
  methods: {
    next() {
      this.currentIndex = (this.currentIndex + 1) % this.images.length; // 设置下一张图片的索引
    },
    change(index) {
      this.currentIndex = index; // 设置当前显示的图片索引为点击的按钮索引
    }
  },
  mounted() {
    // 在实例挂载到元素之后执行的钩子函数
    // 可在此函数中进行其他初始化操作，如自动切换图片等
  }
});

在上述代码中，images数组存储了要展示的图片路径，currentIndex用于记录当前显示的图片索引。通过next()方法，我们可以循环切换到下一张图片，使用change()方法，我们可以在点击某个数字按钮后显示对应的图片。

在实例中，我们还可以使用mounted钩子函数，在实例挂载后执行一些初始化操作，例如自动切换图片等。

总结：通过创建Vue实例并在实例中定义挂载元素、数据、方法和钩子函数，我们可以实现对图片的切换和对应数字按钮的点击显示功能。

### 回答3：
要创建一个Vue实例，可以使用Vue的构造函数，并在构造函数中传入一个对象。在这个对象中，我们可以定义挂载元素（el）、数据（data）、方法（methods）和钩子函数（beforeCreate、created、beforeMount、mounted）。

// 创建Vue实例
var app = new Vue({
  // 挂载元素
  el: '#app',
  // 数据
  data: {
    currentIndex: 0, // 图片索引
    images: ['image1.jpg', 'image2.jpg', 'image3.jpg'], // 图片数组
  },
  // 方法
  methods: {
    next: function() {
      this.currentIndex = (this.currentIndex + 1) % this.images.length;
    },
    change: function(index) {
      this.currentIndex = index;
    }
  },
  // 钩子函数
  mounted: function() {
    console.log('Vue实例已挂载');
  }
});

在上面的代码中，我们创建了一个Vue实例，并将它挂载到id为"app"的元素上。数据部分包含了一个currentIndex变量（用于表示当前显示的图片索引）和一个images数组（存放图片路径）。next方法用于设置下一张图片的索引，change方法用于设置当单击某个数字按钮后显示对应的图片。钩子函数中的mounted在Vue实例挂载到页面后执行，用于初始化数据或执行其他操作。

以上就是创建Vue实例，并在实例中定义挂载元素、数据、方法和钩子函数的方法。在实际使用中，可以根据需求和业务逻辑进行调整和扩展。