Vue - Data Binding

Esta propiedad nos ayuda a interactuar con los elementos de HTML mediante las directivas v-bind y v-html

1
2
3
4
5
6
7
<div id="app">
  <p class="comentario">Paso de una variable a uno de los atributos HTML</p>
  <a v-bind:href="enlace" class="enlace" title="Google" target="_blank">Google</a>
  <hb>
  <p class="comentario">Paso de un elemento HTML desde Vue</p>
  <p v-html="webTag" title="Google"></p>
</div>
1
2
3
4
5
6
  el: '#app',
  data: {
    enlace: 'https://www.google.com.mx/',
    webTag: '<a href="https://www.google.com.mx/" class="enlace">Google2</a>'
  }
});

Resultado: