vue 对json 进行去转义操作

在 Vue 中，默认情况下，插值表达式 `{{ }}` 会对输出的内容进行 HTML 转义，以防止XSS攻击。如果你需要在 Vue 中输出原始的 JSON 数据而不进行转义，可以使用 `v-pre` 指令或者使用三个花括号 `{{{ }}}`。

1. 使用 `v-pre` 指令：

<template>
  <div>
    <pre v-pre>{{ jsonData }}</pre>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonData: '{"name":"John","age":25}'
    };
  }
};
</script>

在上面的示例中，我们使用了 `v-pre` 指令来告诉 Vue 不要解析插值表达式内部的内容，而是直接将其原样输出。这样就可以输出原始的 JSON 数据。

2. 使用三个花括号 `{{{ }}}`：

<template>
  <div>
    <pre>{{{ jsonData }}}</pre>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonData: '{"name":"John","age":25}'
    };
  }
};
</script>

在上面的示例中，我们使用三个花括号 `{{{ }}}` 来告诉 Vue 不要对插值表达式内部的内容进行转义，而是将其原样输出。

无论你选择使用 `v-pre` 指令还是三个花括号 `{{{ }}}`，都能实现在 Vue 中输出原始的 JSON 数据，而不进行转义。请根据你的实际需求选择其中一种方式。