vue制作点击切换图片效果

思路

创建一个数组，数组里面放入图片，利用props（父组件向子组件传值），v-for（循环），v-bind（绑定属性）将图片传入HTML定义的div中。

Ⅰ.在头部导入vue文件（导入前提是vue文件已被引入js中）

Ⅱ.在HTML中创建一个z-div（可根据自己喜好命名），用来接收组件的传值，用v-for使数组元素遍历循环以此显示图片，v-bind绑定im（im定义在script标签中的全局组件中），变量i传入im中。

Ⅲ.定义一个组件