Como resolver Interpolação dentro de atributos foi removido. Use v-bind ou a abreviação de dois pontos? Vue.JS 2

Meu componente vue é assim:

 
...
...
export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } }

Quando executado, existe um erro como este:

Erro de syntax do modelo Vue:

id = “purchase – {{item.id}}”: A interpolação dentro dos atributos foi removida. Use v-bind ou a forma abreviada de dois pontos.

Como posso resolver isso?

    Use o código javascript dentro de v-bind (ou atalho “:”):

     :href="'#purchase-' + item.id" 

    e

     :id="'purchase-' + item.id" 

    Ou se estiver usando o ES6 +:

     :id="`purchase-${item.id}`"