title: Giving a value to a href in a anchor tag with Vue
body: <p>Sounds dumb but I can't find a way to pass a variable data defined in the href: </p>
  
  <p>ComponentFile.vue
  I tried all of those:</p>
  
  <pre><code>&lt;a href=" url "&gt;{{ url }}&lt;/a&gt;
  &lt;a href=" {{ url }}"&gt;{{ url }}&lt;/a&gt;
  &lt;a href=" {{ url }}"&gt;{{ url }}&lt;/a&gt;
  &lt;a v-bind:href="url"&gt;{{ url }}&lt;/a&gt;
  &lt;a @click=" url " v-bind:href="url"&gt; {{ url }}&lt;/a&gt;
  
  
  ...
  export default {
          data() {
                     url: 'http://anywhere.com'
    }
  }
  </code></pre>
  
  <p>What is the correct way? </p>
  
  <p>Thanks!</p>