迭代时更改lwc组件中的表达式

<template>
  <lightning-card title="学生信息">
    <template for:each={students} for:item="student">
      <div key={student.id}>
        <p>{student.name}</p>
        <p>分数: {student.score}</p>
        <p>等级: {calculateGrade(student.score)}</p>
      </div>
    </template>
  </lightning-card>
</template>

import { LightningElement } from 'lwc';

export default class StudentInfo extends LightningElement {
  students = [
    { id: 1, name: '张三', score: 80 },
    { id: 2, name: '李四', score: 90 },
    { id: 3, name: '王五', score: 70 },
  ];

  calculateGrade(score) {
    if (score >= 90) {
      return '优秀';
    } else if (score >= 80) {
      return '良好';
    } else {
      return '一般';
    }
  }
}