JSFiddle - React, Tailwind, and code Playground

by Breno RdV

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <button v-on:click="changeLink">change link</button>
  <a v-bind:href="link">Link: {{ link }}</a>
  
  <button @click="changeLink">change link</button>
  <a :href="link">Link: {{ link }}</a>
</div>

JavaScript

new Vue({
	el: "#app",
  data: {
  	link: "https://google.com"
  },
  methods: {
  	changeLink: function() {
    	this.link = 'https://duckduckgo.com';
    }
  }
});