vue3 span显示文本 如果不是保密模型 则显示下载，反之如果是保密模型则走下面的分支：如果状态为-1，则显示申请下载；0则显示已申请下载；1则显示可下载；2则显示拒绝下载，并且实现随着status值的变化可以实时刷新文本

在 Vue3 中，可以使用 `v-bind` 指令（简写为 `:`）来动态地绑定文本内容。为了实现根据不同状态显示不同的文本，你可以结合计算属性（computed property）来实现实时刷新文本。

假设你有一个保密模型的状态变量 `isConfidential` 和一个表示状态的变量 `status`，代码示例如下：

<template>
  <div>
    <span v-if="!isConfidential">下载</span>
    <span v-else>
      <span v-if="status === -1">申请下载</span>
      <span v-else-if="status === 0">已申请下载</span>
      <span v-else-if="status === 1">可下载</span>
      <span v-else-if="status === 2">拒绝下载</span>
    </span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isConfidential: true, // 是否保密模型
      status: 0 // 状态值，可以是 -1, 0, 1, 2
    };
  },
  computed: {
    text() {
      if (!this.isConfidential) {
        return '下载';
      } else {
        switch (this.status) {
          case -1:
            return '申请下载';
          case 0:
            return '已申请下载';
          case 1:
            return '可下载';
          case 2:
            return '拒绝下载';
          default:
            return '';
        }
      }
    }
  }
};
</script>

在这个例子中，我们使用了计算属性 `text` 来根据 `isConfidential` 和 `status` 的值动态生成需要显示的文本。当 `status` 值变化时，计算属性会自动重新计算，从而实时更新显示的文本。