vue 将后端接口传来的data和dataUnit两个字段拼接已列表的形式展示，如果dataUnit为m，则将data除以60，然后与H拼接

您好！针对您的问题，可以按照以下步骤进行处理：

1. 在vue中，可以使用axios或者fetch等工具从后端获取数据。

2. 获取到数据后，可以使用v-for指令渲染成列表的形式展示。

3. 在v-for指令中，可以使用computed属性对dataUnit字段进行判断，如果为m则将data字段除以60，然后与H拼接。

具体代码如下所示：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in dataList" :key="index">
        {{ item.dataUnit === 'm' ? (item.data / 60 + 'H') : item.data }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: []
    }
  },
  mounted() {
    // 使用axios或者fetch等工具从后端获取数据，假设数据为response
    const response = [
      { data: 120, dataUnit: 'm' },
      { data: 30, dataUnit: 's' },
      { data: 240, dataUnit: 'm' }
    ]
    this.dataList = response
  }
}
</script>

在上述代码中，使用了v-for指令遍历dataList数组中的每个元素，使用三元表达式对dataUnit字段进行判断，如果为m则将data字段除以60并与H拼接，否则直接输出data字段。最终渲染成一个ul列表展示在页面上。