Vue.js 图片翻页功能实现：点击按钮浏览多张图片

<div id="box">
   <div id="app">
     <button v-on:click="index--" v-if="index > 0">上一张</button>
     <img :src="imgUrl[index]">
     <button v-on:click="index++" v-if="index < imgUrl.length - 1">下一张</button>
 </div>
 <script type="text/javascript">
     new Vue({
         el: '#app',
         data: {
             index: 0,
             imgUrl: [
                 'pic1.jpg',
                 'pic2.jpg',
                 'pic3.jpg',
             ]
         },
     })
 </script>