JSFiddle - React, Tailwind, and code Playground

by mbudnik

HTML

<script src="https://unpkg.com/[email protected]/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: 'https://google.com',
        finishedLink: '<a href="http://google.com">Google</a>'
    },
    methods: {
    sayHello: function(){
    this.title = 'Hello!';
    return this.title;
    }
    }
});