"Zastępowanie/wklejanie" słowa w ciąg

Sorry za tak sformułowany tytuł ale nie wiedziałem jak to ująć.
Postaram się wytłumaczyć o co mi chodzi:
mamy: Lorem ipsum dolor sit {}, consectetur adipiscing elit.
i teraz chodzi o to aby {} zastąpić innym słowem, w tym przypadku amet po kliknięciu. W sensie klikamy i zastępuje, używam Vue.js jak coś.

Czy replace lub replaceAll rozwiązuje twój problem?

"Lorem ipsum dolor sit {}, consectetur adipiscing elit".replace("{}", "amet")

w taki sposób próbuję to zrobić

<template>
<div>
{{ string }}

<button @click="replace">Zamień</button>
</div>
</template>

data() {
    return {
      string: "Lorem ipsum dolor sit {}, consectetur adipiscing elit."
    }
  },

methods: {
    replace() {
      this.string.replace("{}", "amet")
    }
  }

jednak nie zamienia

rozwiązanie dla mnie:

methods: {
    replace() {
      this.string = this.string.replace("{}", "amet")
    }
  }