vue v-for (五)

export default {  name: "HelloWorld",  data() {    return {      net: [        {          nettag: "抽成",          netimg: "http://img2.58codes.com/2024/blurimg_01.png"        },        {          nettag: "优惠",          netimg: "http://img2.58codes.com/2024/blurimg_02.png"        },        {          nettag: "支援",          netimg: "http://img2.58codes.com/2024/blurimg_03.png"        }      ],      pay: [        {          paytitle: "提款安全快速",          payinfo: "DRAW SAFETY"        },        {          paytitle: "快速充值中心",          payinfo: "RECHARGE FASTLY"        },        {          paytitle: "支付快速接入",          payinfo: "PAY QUICKLY"        }      ]    };  }};

<!-- cb Payment -->    <section class="wow fadeInDown payment" data-wow-delay="0.2s">        <div class="container text-center">            <h2 class="wow fadeInDown title text-red border-btm-red3" data-wow-delay="0.4s">便捷入款</h2>            <div class="wow fadeInUp content row" data-wow-delay="0.6s">                <div class="col-sm-4 col-xs-12" v-for="item in pay">                    <div class="item-book col-xs-12 text-white">                        <div class="text-center">                            <h4>{{item.paytitle}}</h4>                            <p>{{item.payinfo}}</p>                        </div>                    </div>                </div>            </div>        </div>    </section>