Não entendi muito bem a dúvida, porém creio que o problema é na maneira que você está utilizando a interpolação.
A interpolação "{{}}" é utilizada apenas entre as tags, e não dentro delas, referenciando suas variáveis que estão dentro de computed
ou de seu data ()
.
No caso, em uma tag dentro de um atributo não é utilizado a interpolação, e sim o v-bind: ou os dois pontos ":", que é exatamente igual ao v-bind, porém em uma forma mais curta de utilizá-lo.
Seu código no caso creio eu que ficaria assim:
<template v-for="d in data" >
<a :key="d.id" class="zone" :class="d.value" :href="d.code" >{{ d.name }}</a>
</template>
Só não entendi muito bem o que você quis fazer exatamente no caso do atributo class
, portanto presumi que a classe zone
é estática, e o d.value
será outra classe dinâmica, mediante ao valor da variável.
Neste caso não tem problema de ter dois atributos class em uma tag, o Vuejs irá realizar um merge de todas as classes automaticamente, das dinâmicas com as estáticas.