Использование переменной как части URL с Vue. js

Question

Как заставить следующий код работать с Vue. js?

<a href="http://{{ company }}.com">Google</a>

, где компания Google.

data: {
   company: "google"
}

Answer 1

const app = new Vue({
  el: '#app',
  data() {
    return {
      company: 'google'
    };
  },

});

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.1/vue.js"></script>
    <div id="app">
      <a :href="`http://${company}.com`">Google</a>
    </div>