Javascript 如何使用v-for正确列出项目？

有人能帮我吗？ 我无法使用v-for使PriceItems.text.content显示在v-list-tile-title中。我想有一些类似的东西：测试计划：完全访问，-，-。基本计划：完全访问、支持、聊天、。根据PriceItems.text等

<div id="app">
  <v-app id="inspire">
   <v-flex xs4 v-for="item in PriceItems" :key="item.title" :class="item.class" >
     <h3 class="price__block-title">{{item.title}}</h3>
     <h5 class="price__block-subtitle">{{item.subTitle}}</h5>
     <v-list dense class="price__block-list">
       <v-list-tile class="price__block-item">
         <v-list-tile-content>
           <v-list-tile-title class="text-xs-center" >
             {{item.text.content}}
           </v-list-tile-title>
         </v-list-tile-content>
       </v-list-tile>
       <v-divider></v-divider>
     </v-list>
   </v-flex>
  </v-app>
</div>

.price__block{
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #00a1c7;
  margin: 5px;
}

.v-list.price__block-list {
  background: transparent;
}

new Vue({
  el: '#app',
  data: function() {
    return {
       PriceItems: [
      {class:'price__block price__block-testing',title:'Testing',subTitle:'1 day',
      text:[
        {content:'Full access'},
        {content:' - '},
        {content:' - '},
        {content:' - '}
        ]},
      {class:'price__block price__block-testing',title:'Basic',subTitle:'7 days', 
       text:[
        {content:'Full access'},
        {content:'Support'},
        {content:'Chat'},
        {content:'-'}
        ]},
      {class:'price__block price__block-testing',title:'Standart',subTitle:'30 days', 
       text:[
        {content:'Full access'},
        {content:'Support'},
        {content:'Chat'},
        {content:'Call'}
        ]},
      {class:'price__block price__block-testing',title:'Premium',subTitle:'120 days', 
       text:[
        {content:'Full access'},
        {content:'Support'},
        {content:'Call'},
        {content:'Chat'}
        ]},
    ]

    }
  }
})

{{item.title}
{{item.subTitle}
{{item.text.content}
.价格块{
显示器：flex；
对齐项目：居中；
弯曲方向：立柱；
背景色：#00a1c7；
保证金：5px；
}
.v-list.price\u块列表{
背景：透明；
}
新Vue({
el:“#应用程序”，
数据：函数（）{
返回{
价格项目：[
{类：'price_uuublock-price_uublock-testing'，标题：'testing'，副标题：'1天'，
正文：[
{内容：'完全访问'}，
{内容：'-'}，
{内容：'-'}，
{内容：'-'}
]},
{类：'price_uublock price_ublock-testing'，标题：'Basic'，副标题：'7天'，
正文：[
{内容：'完全访问'}，
{内容：'Support'}，
{内容：'Chat'}，
{内容：'-'}
]},
{课程：'price_uublock price_uublock-testing'，标题：'Standart'，副标题：'30天'，
正文：[
{内容：'完全访问'}，
{内容：'Support'}，
{内容：'Chat'}，
{内容：'Call'}
]},
{课程：'price_uublock price_uublock-testing'，标题：'Premium'，副标题：'120天'，
正文：[
{内容：'完全访问'}，
{内容：'Support'}，
{内容：'Call'}，
{内容：'Chat'}
]},
]
}
}
})

您的子内容是一个

数组，因此您也需要迭代器，就像您对
priceitems
v-for=“priceitems中的item”


{{itemContent.content}

谢谢！你的回答对我有帮助，尽管我做了一些更正。
 <v-list-tile-title class="text-xs-center" v-for="itemContent in item.text">
     {{itemContent.content}}
  </v-list-tile-title>