let filtersList = reactive([ {text:'严重',value:'0'}, {text:'高级',value:'1'}, {text:'中级',value:'2'}, {text:'低级',value:'3'}, ])如何拿到严重这个值放到{{}}模板中

要在 Vue 模板中使用 `{{}}` 插值语法来显示 filtersList 中的文本值，您需要将 `filtersList` 转换为响应式对象，并使用 `toRefs` 函数将其转换为响应式引用。然后，您可以在模板中访问响应式引用的属性。

下面是一个示例实现：

import { reactive, toRefs } from 'vue';

const filtersList = reactive([
  { text: '严重', value: '0' },
  { text: '高级', value: '1' },
  { text: '中级', value: '2' },
  { text: '低级', value: '3' },
]);

export default {
  setup() {
    const data = toRefs(filtersList);
    return {
      filtersList: data
    };
  }
};

在这个示例中，我们使用 `reactive` 函数将 `filtersList` 转换为响应式对象。然后，我们使用 `toRefs` 函数将响应式对象转换为响应式引用，并将其赋值给 `data` 变量。最后，我们将 `data` 变量中的属性解构到 `filtersList` 中，使其可供模板中使用。

现在，您可以在模板中使用 `filtersList` 的文本值，如下所示：

<template>
  <div>
    <ul>
      <li v-for="filter in filtersList" :key="filter.value">
        {{ filter.text }}
      </li>
    </ul>
  </div>
</template>

在上面的示例中，我们使用 `v-for` 指令遍历 `filtersList` 数组，并在每个过滤器对象上使用 `{{ filter.text }}` 插值语法来显示文本值。

请注意，示例中的代码使用了 Vue 3 的 Composition API。确保您已正确导入 Vue 3 相关的库和模块。