我将创建一个包含状态图的数据属性，如下所示：

data() {
  return {
    statusNames: {
      0: 'Deleted',
      1: 'Active',
      2: 'Completed'
    }
  }
}

然后可以在标记中引用它：

<td>{{ statusNames[depAcc.status] }}</td>

在Vue中，双大括号{{ //this }}内的任何内容都被计算为JS。因此，您可以编写一个方法来根据您的状态返回字符串，然后将一个函数放入双大括号中。

<tr v-for="(depAcc, index) in depAccs" :key="index">
    <td>{{ index + 1 }}</td>
    <td>{{ depAcc.created_at }}</td>
    <td>{{ depAcc.name }}</td>
    <td>{{ statusText(depAcc.status) }}</td>
</tr>

然后在页面脚本中添加以下方法

var app = new Vue({
    el: '#app',
    methods:{
        statusText(status){
            let message = "Unknown Status"
            if (status == 0) message = "Deleted"
            if (status == 1) message = "Active"
            if (status == 2) message = "Completed"
            return message
        }
    }
});