JSFiddle - React, Tailwind, and code Playground

VueJS course. First.

by Breno RdV

HTML

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

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

JavaScript

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