VueJS - How to partially render a link?

Question

Vue.js

There is a field: As when changing this field, its contents were immediately substituted into the link:<input type="text" v-model="client_id">

<a href="https://oauth.vk.com/authorize?client_id={{ client_id }}" class="btn btn-primary"></a>

Answer 1

:href="`https://oauth.vk.com/authorize?client_id=${client_id}`"

or

computed: {
  href() {
    return `https://oauth.vk.com/authorize?client_id=${this.client_id}`;
  },
},

:href="href"
or

methods: {
  href: client_id => `https://oauth.vk.com/authorize?client_id=${client_id}`,
},

:href="href(client_id)"