JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

<!--Binding in html attributes-->
<div id="app">
<!--v-bind:property="variable"-->
 
 <!--wrong wont work-->
 <p>{{title}} <a href={{link}}>Google</a></p>
 <!--right-->
  <p>{{title}} <a v-bind:href="link">Google</a></p>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    title: "Hello World!",
    link: "http://www.google.com"
  },
  methods: {
  	changeTitle: function() {
    	this.title = event.target.value;
    }
  }
})