vue实例之组件开发：图片轮播组件

一、普通方式：

其中，index是关键。

二、单文件组件形式：

PhotoPlayer.vue：

使用时：

在某个单文件组件中引用PhotoPlayer.vue

注意：

定义了一个数组，数组里面装有图片的路径，使用for循环渲染页面时，图片路径对但是图片不显示。

解决办法：

数组里面图片的路径要写成如下：

image:require('../assets/login.png')

渲染的时候要写：