javascript - 带有 vuex 的 Vue 中的不受信任的数据

Question

目前正在使用 vuex 学习 vue3。

假设我的 vuex 存储中填充了来自某些 API 的数据。由于 API 是外部数据源，因此应将其视为untrusted。

我们还假设以下组件：

在 SomeComponent.vue 中：

<template>
 <a :href="'mailto:' + email">{{ email }}</a>
</template>
<script>
import { mapGetters } from "vuex";

export default {
 name: "SomeComponent",
 computed: {
  ...mapGetters(["email"])
}
}
</script>

因为，据我所知，email不是 JS 编码的，我可能在这里容易受到 XSS 的攻击，对吗？由于执行上下文是 JS 然后是 HTML 属性，我应该 HTML 属性编码然后 JS 编码吗？OWASP XSS CheatSheet 对我来说不是很清楚，抱歉。

标签： javascriptxssvuejs3owasp