JSFiddle - React, Tailwind, and code Playground

by Serghei Cebotari

HTML

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

<div id="app">
  <h1 v-once>{{title}}</h1>
  <p>{{sayHello()}} - <a v-bind:href="link">Google</a></p>
  <hr>
  <p v-html="finishedLink"></p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Hello World!',
    link: 'http://google.com',
    finishedLink: '<a href="http://google.com">Google</a>'
  },
  methods: {
  	sayHello: function()  {
    	this.title = 'Hello';
    	return this.title;
   	}
  }
});