我尝试根据包含问题和答案的对象列表制作几个常见问题框。但我收到“无法读取未定义的属性‘问题’”的提示，为什么？我的代码如下所示：

export default {
  data() {
    return {
      totalFAQs: [{
          id: '1',
          question: 'This is a question',
          answer: 'This is an answer to your question'
        },
        {
          id: '2',
          question: 'This is a question',
          answer: 'This is an answer to your question'
        }
      ]
    }
  }
}

<div :v-for="faq in totalFAQs" :key="item.id" class="section-container">
  <div class="faq-question">
    <h4>{{faq.question}}</h4>
  </div>
  <div class="expanded-content expanded-faq">
    <div class="faq-answer">
      <p>{{faq.answer}}</p>
    </div>
  </div>
</div>