我有一个问题，涉及使用Vue.js中的GET提取循环从API检索的某些数据。

这是路线的响应：

"data": {
     "Orders": [
               {
            "OrderID": 1,"Ordered_Products": {
                            "items": [
                                         {
                                    "id": 2,"title": "Hildegard Prohaska","quantity": 5,},{
                                    "id": 3,"title": "Odell Zieme","quantity": 3,}
                                ]
                               },"Pay_method": 1,//stuff
       },{
            "OrderID": 1,"quantity": 2,"quantity": 1,"Pay_method": 2,//stuff
       }
   ]
}

这是我的提取物：

methods: {
    fetchOrders () {
      fetch('https://myapidomine.com')
        .then(res => res.json())
        .then(res => {
          this.orders = res.data.Orders
        })
    }
  }

我正在这样使用它：

<v-card flat v-for="order in orders" :key="order.OrderID">
        <v-layout row wrap">
          <v-flex xs12 md4>
            <div class="caption grey--text">PayMethod</div>
            <div>{{ order.Pay_method }}</div>
          </v-flex> 

如果我访问Orders内的键，例如{{order.Pay_method}}可以正常工作，并且该循环工作正常，但是我需要循环Ordered_Products.items内的项目并使用{{1 }}等...

如果我这样做：

title

我得到的数据很好，但是当然只是第一个产品的数据，但是不确定如何循环这些数据

在此先感谢您，（我是新来的人）