是否可以使用计算属性有条件地设置表行的样式？

<template>
  <table>
    <tr v-for="item in items" :style="item.rowStyle">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
    </tr>
  </table>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: 'Alice', age: 25 },
        { name: 'Bob', age: 30 },
        { name: 'Charlie', age: 35 },
      ],
    };
  },
  computed: {
    itemsWithStyles() {
      return this.items.map(item => {
        const rowStyle = {};
        if (item.age > 30) {
          rowStyle.backgroundColor = 'red';
        } else {
          rowStyle.backgroundColor = 'green';
        }
        return { ...item, rowStyle };
      });
    },
  },
};
</script>