Vue.js 验证码组件：看不清换一张功能实现

根据提供的代码，我注意到在Vue实例的methods属性中没有定义名为changeVerifyCode的方法。因此，需要将v-on:click指令绑定到正确的方法上。

首先，将v-on:click指令绑定到changeImage方法上，因为这个方法是为了更改验证码图片。修改代码如下：

<td><img src='imgSrc'>
    <span v-on:click='changeImage'>看不清换一张</span>
</td>

然后，在Vue实例的methods属性中定义changeImage方法，用于更改验证码图片。修改代码如下：

methods: {
    changeImage: function () {
        var imgUrlList = ['img/1111.png', 'img/1234.png', 'img/2222.png', 'img/3333.png', 'img/4567.png'];
        var randomIndex = Math.floor(Math.random() * imgUrlList.length);
        while(randomIndex == this.selectIndex){
            randomIndex = Math.floor(Math.random() * imgUrlList.length);
        }
        this.selectIndex = randomIndex;
        this.imgSrc = imgUrlList[randomIndex];
    }
}

现在，当点击“看不清换一张”时，应该能够触发changeImage方法，更改验证码图片。

另外，根据代码中的注释，v-on:click='checkVerifyCode'绑定的方法是用于检验验证码是否填写正确。因此，需要在Vue实例的methods属性中定义checkVerifyCode方法。你可以根据具体需求来实现该方法，以验证验证码是否正确。