用vue写代码，根据后端返回值动态展示样式

可以使用Vue的计算属性和绑定class的方式，根据后端返回值动态展示样式。

1. 在Vue实例中定义一个状态变量，如：`statusCode`。

data() {
  return {
    statusCode: null
  }
}

2. 在组件的模板中，使用计算属性根据`statusCode`返回相应的class名称。

<template>
  <div :class="statusClass"></div>
</template>

<script>
export default {
  computed: {
    statusClass() {
      if (this.statusCode === 200) {
        return 'success'
      } else if (this.statusCode === 404) {
        return 'not-found'
      } else {
        return 'default'
      }
    }
  }
}
</script>

<style>
.success {
  color: green;
}
.not-found {
  color: red;
}
.default {
  color: black;
}
</style>

3. 根据后端返回的值更新`statusCode`变量。

methods: {
  fetchData() {
    // 请求后端数据，如返回值为 statusCode: 404
    axios.get('your/url').then(res => {
      this.statusCode = res.data.statusCode
    })
  }
}